vue报错: “TypeError: Cannot read properties of undefined (reading ‘0‘)“

Vue里面的一个坑:vue.esm.js?c9fd:628 [Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘0’)”;
1,起因:在页面使用到的数据是嵌套多层的时候,比如是拿的是数组的第三层的数据进行展示,像data[0][0],在页面进行初始化的时候,会报错:Cannot read properties of undefined (reading ‘0’);但是页面是可以正常使用的。

2、原因:

 **需要显示的数据是通过异步方法拿到的,一开始在初始数据为空,报错是因为在显示初始数据的时候报错**
1
3、解决:避免在没有数据的时候显示解析(有数据才解析),有数据的时候div才存在,用v-if控制一下

4、补充:如果项目中使用了的自定义日历组件,在初始化日历数据的时候,如果需要显示的数据的数据结构比较复杂,像data[0][1],最好把方法写到created()方法里,而不是mounted(),避免出现上述错误,

你可能感兴趣的:(vue.js,javascript,前端)