在页面渲染时,我的数据是嵌套的对象,如下图:

vue里嵌套对象渲染报错的解决方法

vue里嵌套对象渲染报错的解决方法
页面运行时可以正常显示,可是可以看到控制台还是会报错,如下图:

vue里嵌套对象渲染报错的解决方法

最后发现只需在页面显示时加一个判断就不会再报错了,如下图:

vue里嵌套对象渲染报错的解决方法

具体是什么原因导致的呢?
我们可以试试,在mounted里面去打印这个对象,会发现打印出来是空的,这也就是页面加载的时候,数据还没有传过来,但是这时候我们已经开始在使用了,所以会报undefined的错误,当数据的值传过来的时候,页面找到这个数据,并渲染上去,所以我们看到的页面又是正常了。因此,我们加上一个判断,当数据没有拿到时,页面不会去渲染,等拿到数据后页面再渲染,此时我们看到页面显示正确,同时又不会报错了。
————————————————
版权声明:本文为CSDN博主「wendycwb」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/sinat_41200024/article/details/85765315

 

相关文章:

  • 2022-12-23
  • 2021-06-29
  • 2022-12-23
  • 2021-11-11
  • 2022-12-23
  • 2021-12-10
  • 2021-12-30
  • 2021-12-24
猜你喜欢
  • 2022-12-23
  • 2021-12-08
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案