三目运算符判断多个条件的使用方法

写项目的时候数据状态有三种，给三种不同的样式，然后发现可以简单地使用三目运算符，就可以实现多个条件的判断

<span :style="{color:(scope.row.status)=='待服务'?'grey':(scope.row.status)=='待派单'?'green':'orange'}">{{scope.row.status}}</span>

也就是这个用法

key == 1?'第一种': key == 2?'第二种' : key == 3 ? '第三种' : '第四种'