vue 报错 :Error in render: "TypeError: Cannot read property 'length' of undefined"

267 阅读1分钟

问题

报错:Error in render: "TypeError: Cannot read property 'length' of undefined"

在vue的template 中使用length 进行判断出现如上的报错

 <div class="com" v-if="comment.hotComments.length > 0">

解决办法:

<div class="com" v-if="comment.hotComments !== undefined && comment.hotComments.length > 0">

分析:报错length 没有定义,那么就是说明点出length的这个数据是undefined 的,所以在多一层判端就可以排除了, 这个与正常的js中的报错是一样的道理,如果length找不到,那说明就是点出length的这数据找不到