v-if判断active满足0的时候写法是：v-if="active === 0"
那如果active同时要满足0，1，2三个值的时候，如果在v-if里用 || 并列写
如：v-if="active === 0 || active === 1 || active === 2"（这样是可行的，但代码有点冗余）
所以，最简便的写法就是：
//[ ]里可以放字符串，数值等
v-if="[0,1,2].includes(active) "
第二种，使用方法，复用性高，适用场景：多个标签都需要用到此判断
标签中： v-if="matchState(active,/[012]/)"
方法中： methods: {
// 判断状态
matchState(state = '', reg) {
return !!String(state).match(reg)//返回true/false
}
}
这样多个标签中的v-if只要用到matchState方法，都可以做判断
注意写法：matchState（某元素，/[匹配值]/）
v-if判断active满足0的时候写法是：v-if="active === 0" 那如果active同时要满足0...
一、判断语句 满足条件做某事 二、else 多个条件判断 三、写法 多个条件： 单个条件：
条件判断 v-if条件判断使用v-if指令：在元素和template中使用v-if指令： 这里，v-if指令将根据...
6. v-if v-if 主要用来做条件判断，Vue会根据表达式的值的真假条件来渲染元素，在切换时元素及它的数据绑...
Vue.js条件与循环 条件判断 v-if指令 条件判断使用v-if指令 在这个例子里，v-if 指令根据表达式 ...
class 和 style 使用动态属性，使用驼峰式写法 v-if和 v-showv-if 不渲染不满足判断条件的...
VUE 模板指令 还记得underscore.js中if如何书写的吗？ 条件判断v-if 直接在元素上添加v-if...
vue.js的v-if,v-on以及methods 解释： v-if:vue的if判断，条件渲染指令；等号后边为条...
我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的...
v-if 你可以看见我了 看不见了 ...
本文标题：vue v-if 判断某个元素满足多个条件的写法
本文链接：https://www.haomeiwen.com/subject/srklbltx.html
网友评论