博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue里嵌套对象渲染报错的解决方法
阅读量:4100 次
发布时间:2019-05-25

本文共 293 字,大约阅读时间需要 1 分钟。

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

在这里插入图片描述
在这里插入图片描述
页面运行时可以正常显示,可是可以看到控制台还是会报错,如下图:
在这里插入图片描述
最后发现只需在页面显示时加一个判断就不会再报错了,如下图:
在这里插入图片描述
具体是什么原因导致的呢?
我们可以试试,在mounted里面去打印这个对象,会发现打印出来是空的,这也就是页面加载的时候,数据还没有传过来,但是这时候我们已经开始在使用了,所以会报undefined的错误,当数据的值传过来的时候,页面找到这个数据,并渲染上去,所以我们看到的页面又是正常了。因此,我们加上一个判断,当数据没有拿到时,页面不会去渲染,等拿到数据后页面再渲染,此时我们看到页面显示正确,同时又不会报错了。

转载地址:http://jgzsi.baihongyu.com/

你可能感兴趣的文章
yfan.qiu linux硬链接与软链接
查看>>
Linux C++线程池实例
查看>>
shared_ptr简介以及常见问题
查看>>
c++11 你需要知道这些就够了
查看>>
c++11 你需要知道这些就够了
查看>>
shared_ptr的一些尴尬
查看>>
C++总结8——shared_ptr和weak_ptr智能指针
查看>>
c++写时拷贝1
查看>>
C++ 写时拷贝 2
查看>>
Linux网络编程---I/O复用模型之poll
查看>>
Java NIO详解
查看>>
单列模式-编写类ConfigManager读取属性文件
查看>>
java中float和double的区别
查看>>
Statement与PreparedStatement区别
查看>>
Tomcat配置数据源步骤以及使用JNDI
查看>>
before start of result set 是什么错误
查看>>
(正则表达式)表单验证
查看>>
在JS中 onclick="save();return false;"return false是
查看>>
JSTL 常用标签总结
查看>>
内容里面带标签,在HTML显示问题,JSTL
查看>>