v-if 判断元素满足多个条件的写法

v-if判断 type 满足 0 的时候写法是：v-if="type=== 0"，那如果 type 同时要满足 0，1，2 三个值的时候，我们在v-if里用 || 并列写像这样：v-if="type=== 0 || type=== 1 || type=== 2"，这样虽然可以，但如果条件太多了，就显得代码有点冗余！

所以，最简便的写法就是：

//[ ]里可以放字符串，数值等
v-if="[0,1,2].includes(type) "

我们还可以使用下面的方法:

methods: {
    // 判断状态
    matchState(state = '', reg) {
        return !!String(state).match(reg); // 返回 true/false
    }
}

这个方法复用性高，适用于多个标签都需要用到此判断的情况下使用。

接下来我们就可以在需要的标签上使用：

v-if="matchState(type,/[012]/)"

以上关于v-if 判断元素满足多个条件的写法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。