vue3 页面效果展示出来了，但是控制台报错

Question

这边我用ref去声明了一个对象，在上面的template中去使用该对象数据，页面能正常显示，但是控制台报错了，这个错误能去掉么，红红的看着很不爽

Answer 1

可以添加一个判断{{firtInfo?firtInfo.Subject:''}},因为你没赋值的时候firtInfo是null

---

对你有用的话，请点击一下【采纳此答案】，谢谢🌹

Answer 2

那我是需要每个都去这样判断么，能不能一次性解决掉？

Answer 3

Answer 4

这是一个异步的问题，就是firtInfo的初始值是null你上面赋值的，
页面渲染结束了，接口才返回重新赋值，
然后页面重新渲染，才有你看到的页面显示正确。
1、要么就赋初值，
let firtInfo = ref({
  Subject:'',
  STimeStr:'',
  ...
})
2、要么就判断是否为空
{{firtInfo?firtInfo.Subject:''}}