vue v-if 判斷某個元素滿足多個條件的寫法

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(某元素,/[匹配值]/)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容