踩坑：Vue.js中v-for和v-if不能同时使用

踩坑：Vue.js中v-for和v-if不能同时使用问题出现之时：v-if代码地方出现报错下面有红色的波浪线，具体报错信息大概是说v-for和v-if不能混用，取而代之要使用computed计算属性，让数组变量替换为返回的已过滤数组的计算属性。那就写一个计算属性呗在计算属性中已经是过滤了一次数组遍历项，这样写使得性能更优，而且代码不会再报错了！！！！...

TurtleOrange

13566人浏览 · 2019-04-25 16:26:17

TurtleOrange · 2019-04-25 16:26:17 发布

踩坑：Vue.js中v-for和v-if不能同时使用

问题出现之时：
在这里插入图片描述
v-if代码地方出现报错下面有红色的波浪线，具体报错信息大概是说v-for和v-if不能混用，取而代之要使用computed计算属性，让数组变量替换为返回的已过滤数组的计算属性。

那就写一个计算属性呗（记得删除v-if相关报错代码）
在这里插入图片描述
在计算属性中已经是过滤了一次数组遍历项，这样写使得性能更优，而且代码不会再报错了！！！！

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