写项目的时候数据状态有三种,给三种不同的样式,然后发现可以简单地使用三目运算符,就可以实现多个条件的判断
<span :style="{color:(scope.row.status)=='待服务'?'grey':(scope.row.status)=='待派单'?'green':'orange'}">{{scope.row.status}}</span>
也就是这个用法
key == 1?'第一种': key == 2?'第二种' : key == 3 ? '第三种' : '第四种'