Element-UI+Vue使用cell-style=“cellStyle“改变单元格字体样式

项目中不乏遇到需要对table表格中的某些特殊字段进行标记，用cell-style="cellStyle"来控制区分作为一种特殊手段是再合适不过了，不多bibi，直接上车。

cell-style=“cellStyle” 结合其回调方法**cellStyle(row, column, rowIndex, columnIndex)**来改变单元格样式
上代码：
1.这是一个可展开的table表格。

methods中有其回调方法：

//设置字体颜色
		cellStyle(row, column, rowIndex, columnIndex) {
			//根据报警级别显示颜色
			// console.log(row);
			// console.log(row.column);
			if (
				row.column.label === "购资编码" &&
				row.row.purchaseCode != null &&
				row.row.purchaseCode != ""
			) {
				return "color:#ff0000";
			} else if (
				row.column.label === "审核状态" &&
				row.row.auditStatus === "审核通过"
			) {
				return "color:#008000";
			} else if (
				row.column.label === "说明" &&
				row.row.explain === "网签作废"
			) {
				return "color:#ff0000";
			} else if (
				row.column.label === "是否已网签" &&
				row.row.isNetSign === "是"
			) {
				return "color:#008000";
			}
		},

针对某一列（判断列名的label，条件判断）进行改变样式操作，在展开列中同样可进行条件判断来对特殊字段突出标注。

2. 效果图

完美结束