我们平时使用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
    }
    
}

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐