vue报错Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
今天在vue开发的过程中,父组件向子组件传递一个数组列表循环的过程中,数据显示出来了,但是浏览器console总是报这个warningError in render: “TypeError: Cannot read property ‘length’ of undefined”——————————————出现原因:一级数组的时候直接渲染没有问题,但是一级包含对象又包含数组的时候,就会出现这个war
·
今天在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>
更多推荐
已为社区贡献1条内容
所有评论(0)