vue element-ui中有关表格中的数据整条显示红色/绿色等等颜色的问题

今天写了一些代码，是有关合同审核成功之后，整条数据显示绿色，针对已经作废的数据整条显示红色。以下是解决方案。

1 在表格头添加。:cell-style="tableRowClassName"

<el-table  :cell-style="tableRowClassName"></<el-table>

2 在methods中添加如下代码：

 //已签订的合同，这一行蓝色字体显示，已作废的合同这一行红色字体显示
      tableRowClassName({row}){
        return row.contractStatus=='3'?'color: green;':(row.baseinfoContractstatus=='5'?'color: red;':"")
      },

好啦，完成啦！

有关颜色的判断 可以自己针对具体的业务字段进行判断显示什么颜色。