vue v-if 判断某个元素满足多个条件的写法
我们平时使用v-if判断多个条件,如这样写法:type同时满足0,1,2三个值的时候我们这样写:v-if= "type === 0 || type === 1 || type === 2" (这样写是可以的,但代码有点冗余)第一种,最简便的写法:v-if="[0,1,2].includes(type)"第二种,使用方法,复用性高,使用场景:多个标签都需要用到此判断写法:matchState(某元素
·
我们平时使用v-if判断多个条件,如这样写法:
type同时满足0,1,2三个值的时候我们这样写:
v-if= "type === 0 || type === 1 || type === 2" (这样写是可以的,但代码有点冗余)
第一种,最简便的写法:
v-if="[0,1,2].includes(type)"
第二种,使用方法,复用性高,使用场景:多个标签都需要用到此判断
写法:matchState(某元素,/[匹配值]/)
v-if="matchState(type,/[0,1,2]/)"
methods:{
// 判断状态
matchState(state = '', reg){
return !!String(state).match(reg) // 返回true/false
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)