Cannot read properties of undefined (reading '0')解决方法

换我一世逍遥_

2022-07-23 951 阅读1分钟

😘首先这个报错来自vue.js，分析一下出现原因，v-for渲染时出现了未定义元素如图

<div v-for="shopOrderItem in row.shopOrders[0].shopOrderItems" :key="shopOrderItem.id"></div>

看似没什么错误对不对但是错误就出现在这里row.shopOrders[0].shopOrderItems因为这些数据初次渲染的时候不存在造成了vue报错

如何解决的？看下面代码

<div v-if="row.shopOrders">
   <div v-for="shopOrderItem in row.shopOrders[0].shopOrderItems" :key="shopOrderItem.id" />
</div>
如果 row.shopOrders存在 再去渲染这个dom节点就好了呀

如果 row.shopOrders存在再去渲染这个dom节点就好了呀🍓