标题在antd-vue的表格中，遇到需要根据后端返回的数字显示对应状态的问题，可以使用filter过滤器，也可以使用三目运算符：

1. 三目运算符：

  function test(num){
     return num == 10 ? 10 :(a ==20 ?  20 :'未知')
  }
  console.log(test(11111))//未知
  console.log(test(10))//10
  console.log(test(20))//20

2. 使用filter：
注：text相当于statusTypeFilter方法的参数

v-if判断active满足0的时候写法是：v-if="active === 0"

那如果active同时要满足0，1，2三个值的时候，如果在v-if里用 || 并列写
如：v-if="active === 0 || active === 1 || active === 2"（这样是可行的，但代码有点冗余）

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

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

第二种，使用方法，复用性高，适用场景：多个标签都需要用到此判断

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

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

这样多个标签中的v-if只要用到matchState方法，都可以做判断

注意写法：matchState（某元素，/[匹配值]/）

方式一

function test(n){
	return n==1? 1:(n==100? 100:( n==200? 200:'?'))
}
console.log(test(1))   //1
console.log(test(100))   //100
console.log(test(200))   //200
console.log(test(20))   //?

方式二

function test(n){
	return n==1?1:
	n==100? 100:
	n==200? 200:'?'
}
console.log(test(1))   //1
console.log(test(100))   //100
console.log(test(200))   //200
console.log(test(20))   //?

注意
三目主要是满足左边的条件则返回问号（?）后面的值，否则返回冒号（:）后面的值
当多个条件进行判断的时候，切记将整个运算写完整