Vue.js报错"TypeError: Cannot read property 'name' of undefined"

出现该错误的原因是因为你花括号中的某些属性未定义。很有可能是因为你写错了属性名称,要么还有一种情况就是:

异步请求获取数据时,由于数据时异步获取的,所以一开始是没有该数据属性的,这种情况下也会报这种错误。

比如说我这里有一个数据info,初始值为一个空对象。{{info.supports}}是不会报错的,但是,{{info.supports.name}}这样就会报错了。这是为什么呢?

因为,info.supports已经是一个undefined了,你undefined.name就肯定会报错了。

解决方式:

如图所示:一开始是没有info.supports这个属性的,所以会报错。这里我们可以加上如上红框中的v-if做一个判断。这里只能用v-if,不能用v-show,因为v-show是将节点的display属性设置为none,实际dom节点还是存在,同样会报错。

猜你喜欢

转载自blog.csdn.net/qq_36742720/article/details/83627213
今日推荐