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

9 篇文章 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、原因:

 **需要显示的数据是通过异步方法拿到的,一开始在初始数据为空,报错是因为在显示初始数据的时候报错**

3、解决:避免在没有数据的时候显示解析(有数据才解析),有数据的时候div才存在,用v-if控制一下

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

  • 12
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值