Element-UI的el-table表格使用cell-style根据表格不同数据显示不同颜色

1.原表,想要根据不同状态返回不同颜色
Element-UI的el-table表格使用cell-style根据表格不同数据显示不同颜色_第1张图片
2.在el-table标签添加 :cell-style=“cellStyle”
在这里插入图片描述
3.找到该列对应的lable以及prop
在这里插入图片描述

4.在methods中写入方法,row.row.lossStatus与prop对应,row.column.label与lable对应,返回对应颜色即可
Element-UI的el-table表格使用cell-style根据表格不同数据显示不同颜色_第2张图片
5.成功
Element-UI的el-table表格使用cell-style根据表格不同数据显示不同颜色_第3张图片

你可能感兴趣的:(VUE,vue,vue.js)