当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue v-if:"TypeError: Cannot read property 'length' of undefined"

vue v-if:"TypeError: Cannot read property 'length' of undefined"

2019年04月10日  | 移动技术网IT编程  | 我要评论

在使用v-if判断一个数组大小为0时，会出现 length 是undefined的错误：
[vue warn]: error in render: "typeerror: cannot read property 'length' of undefined"

 

错误代码：

<group v-if="item.detailentitylist.length===0" style="margin-top:-22px;">
<div style="text-align:center;font-size:14px;padding:10px 0;color:#f76260;">
暂无信息
</div>
</group>

　　

造成这个错误的原因是因为，没有预先判断数组是否存在，需要先对数组进行非空验证：item.detailentitylist!=undefined

修正代码：

<group v-if="item.detailentitylist!=undefined && item.detailentitylist.length==0" style="margin-top:-22px;">
<div style="text-align:center;font-size:14px;padding:10px 0;color:#f76260;">
暂无信息
</div>
</group>

　　

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网