v-if判斷active滿足0的時候?qū)懛ㄊ牵簐-if="active === 0"
那如果active同時要滿足0,1,2三個值的時候,如果在v-if里用 || 并列寫
如:v-if="active === 0 || active === 1 || active === 2"(這樣是可行的,但代碼有點冗余)
所以,最簡便的寫法就是:
//[ ]里可以放字符串,數(shù)值等
v-if="[0,1,2].includes(active) "
第二種,使用方法,復(fù)用性高,適用場景:多個標簽都需要用到此判斷
標簽中: v-if="matchState(active,/[012]/)"
方法中: methods: {
? ? ? ? ? // 判斷狀態(tài)
? ? ? ? ? matchState(state = '', reg) {
? ? ? ? ? ? return !!String(state).match(reg)//返回true/false
? ? ? ? ? }
? ? ? ? }
這樣多個標簽中的v-if只要用到matchState方法,都可以做判斷
注意寫法:matchState(某元素,/[匹配值]/)