今天在vue开发的过程中,父组件向子组件传递一个数组列表循环的过程中,数据显示出来了,但是浏览器console总是报这个warning

Error in render: “TypeError: Cannot read property ‘length’ of undefined”

——————————————
出现原因:一级数组的时候直接渲染没有问题,但是一级包含对象又包含数组的时候,就会出现这个warning提示:
在这里插入图片描述

————————————————
解决方案:添加v-if,确保他有这个dom再渲染出来

<div class="info-other" v-if="goods.columns !== undefined && goods.columns.length>0" >
      <span>{{goods.columns[0]}}</span>
      <span>{{goods.columns[1]}}</span>
      <span>{{goods.services[goods.services.length-1].name}}</span>    
</div>
Logo

前往低代码交流专区

更多推荐