在 el-table标签中添加row-style,这里绑定一个方法(styleBack)返回自定义的颜色,可以根据业务进行判断是否需要设置颜色,如下
元素:
<el-table size="small" :data="listData" :row-style="styleBack" highlight-current-row v-loading="loading" border element-loading-text="拼命加载中" style="width: 100%;">
方法:
//设置告警
styleBack({ row, column, rowIndex, columnIndex }) {
if(row.alarm == 1) {
return { backgroundColor: "#FFA500" };
}
}