MVVM架构下View与ViewModel数据绑定异常：天气温度无法正常显示

核心问题定位 #

标签显示默认值-123，说明weatherViewModel.res?.main.temp这条可选链中某一环为nil，且你的UI更新时机大概率早于数据加载完成的时机。以下是针对性的排查和解决步骤：

1. 确保ViewModel触发了数据请求 #

先检查你是否在ViewController中调用了ViewModel的天气数据获取方法（比如fetchWeather()）。如果没有主动触发请求，res永远会是nil，直接显示默认值。

2. 让ViewModel在数据加载完成后通知View更新 #

网络请求是异步操作，你如果直接在viewDidLoad里给标签赋值，此时请求还没完成，res必然是nil。可以给ViewModel添加回调闭包，在数据解析完成后通知UI更新：

class WeatherViewModel {
    var res: WeatherModel?
    // 添加数据加载完成的回调
    var onDataUpdated: (() -> Void)?

    func fetchWeather() {
        // 你的网络请求逻辑
        URLSession.shared.dataTask(with: requestUrl) { [weak self] data, _, error in
            guard let data = data, error == nil else {
                print("请求失败：\(error?.localizedDescription ?? "未知错误")")
                return
            }
            do {
                self?.res = try JSONDecoder().decode(WeatherModel.self, from: data)
                // 回到主线程通知UI更新
                DispatchQueue.main.async {
                    self?.onDataUpdated?()
                }
            } catch {
                print("解码失败：\(error)")
            }
        }.resume()
    }
}

然后在ViewController中绑定回调，更新标签：

override func viewDidLoad() {
    super.viewDidLoad()
    weatherViewModel.fetchWeather()
    // 绑定数据更新回调
    weatherViewModel.onDataUpdated = { [weak self] in
        guard let self = self else { return }
        self.label.text = "\(self.weatherViewModel.res?.main.temp ?? -123)"
    }
}

3. 验证JSON解码是否真的成功 #

即使你认为解码没问题，也建议在解码后打印数据，确认解析结果：

self?.res = try JSONDecoder().decode(WeatherModel.self, from: data)
print("解析完成：\(self?.res.debugDescription ?? "无数据")")

如果控制台输出nil，说明你的WeatherModel结构和API返回的JSON格式不匹配（比如字段名大小写不一致、类型不匹配），需要核对Model的属性与JSON键的对应关系，必要时用CodingKeys自定义映射。

4. 分步排查可选链的nil节点 #

可以在回调中分步打印，定位到底是哪一层为nil：

weatherViewModel.onDataUpdated = { [weak self] in
    guard let self = self else { return }
    print("res是否存在：\(self.weatherViewModel.res != nil)")
    print("main是否存在：\(self.weatherViewModel.res?.main != nil)")
    print("temp值：\(self.weatherViewModel.res?.main.temp ?? -123)")
    self.label.text = "\(self.weatherViewModel.res?.main.temp ?? -123)"
}

通过控制台输出，就能明确是res本身为nil，还是main为nil，进而针对性修复。

内容的提问来源于stack exchange，提问作者E.Shimshek