土拨鼠1号 2022-02-17 08:10 采纳率: 60%
浏览 84
已结题

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

img

img

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

  • 写回答

5条回答 默认 最新

  • 原莱_ 2022-02-17 08:18
    关注

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


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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
    土拨鼠1号 2022-02-17 08:22

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

    回复
    土拨鼠1号 2022-02-17 08:24

    img

    回复
    原莱_ 回复 土拨鼠1号 2022-02-17 08:30

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

    回复
查看更多回答(4条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 2月24日
  • 已采纳回答 2月17日
  • 创建了问题 2月17日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部