[Vue warn]: Error in render: “TypeError: Cannot read property ‘0‘ of undefined“ found in XXXX

在做vue项目时候,代码写的没错,测试能正常运行,但是会报错,错误码提示入下:
[Vue warn]: Error in render: “TypeError: Cannot read property ‘0’ of undefined” found in XXXX
意思是:找不到这个属性 0
在这里插入图片描述

对应代码如下:
在这里插入图片描述
排查原因,就是span标签出错。
**错误原因:**在使用props传值的时候,default给的初始值是空:
在这里插入图片描述
导致在一开始拿数据的时候拿不到,等从服务器加载完数据后,可以拿到数据了,数据可以正常显示。这就是为什么运行正常但是报错。

**解决方法:**在拿取数据时,在外层div 加个v-if,判断一下,存在在取数据。

在这里插入图片描述