vue项目中使用v-if判断数组长度是，length报错？

直接使用：<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">选择 {{ product_attr }}</span&g

a_grain_of_wheat

45102人浏览 · 2018-08-30 10:11:59

a_grain_of_wheat · 2018-08-30 10:11:59 发布

直接使用：

<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">选择 {{ product_attr }}</a>

<a v-else >选择 {{ shopListData.guide }}</a>

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

解决办法：

shopListData.attrs !== undefined && shopListData.attrs.length >0

代码如下：

<a href="#picture" v-if="shopListData.attrs !== undefined && shopListData.attrs.length >0 " class="mui-navigate-right">选择 {{ product_attr }}</a>

<a v-else >选择 {{ shopListData.guide }}</a>

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