VUE之v-if语句多个条件判断时的写法

v-if满足某个条件condition = 0时,我们常见写法为:

v-if="condition === 0"

假如我想同时满足多个条件时,要怎么写呢?

① 普通写法:

v-if="condition === 0 || condition === 1 || condition === 2"

② 简洁写法:

v-if="[0, 1, 2].includes(condition)"
<!--括号里可以是字符串和数字-->

③ 复杂用法:

标签中: v-if="matchState(active,/[012]/)"

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

转载于:
这里

你可能感兴趣的:(vue,vue.js,前端,javascript)