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

在使用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="m...

李古拉雷

7525人浏览 · 2019-04-09 10:07:28

李古拉雷 · 2019-04-09 10:07:28 发布

在使用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>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^