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

时间：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>