work-notes（9）：vue 如何在 v-if 里面对数组的长度进行判断？为什么 v-if 里面判断数组长度 length报错？

时间：2022-04-22文章目录1、原因解释2、错误写法2.1报错3、正确方式3.1 判空3.2 判非空1、原因解释首先数组长度为 0 的时候可能会报错，因为数组可能存在有 undefined 的状况；所以写的判断条件尽可能的全一点；2、错误写法<div v-if="arr.length > 0"> </div>2.1报错Error in render: "Type

卖猪的小男孩

4252人浏览 · 2022-04-22 11:22:14

卖猪的小男孩 · 2022-04-22 11:22:14 发布

时间：2022-04-22

文章目录

1、原因解释

首先数组长度为 0 的时候可能会报错，因为数组可能存在有 undefined 的状况；

所以写的判断条件尽可能的全一点；

2、错误写法

 <div v-if="arr.length > 0"> </div>

2.1 报错

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

3、正确方式

在相应的 v-if 判断中添加判断。arr !== undefined

3.1 判空

 <div v-if="arr === undefined || arr.length === 0"> </div>

3.2 判非空

 <div v-if="arr !== undefined && arr.length > 0"> </div>

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}$/, //不连续的两位字母// /^