el-table-column 动态改变单元格样式


功能:根据数据里的值,判断当前字符串是否包含在数组里面,如果包含的话改变当前单元格颜色

1.初步尝试过插槽的方式,但是对于数组里面的字符串出现重现的情况,导致有的单元格被忽略掉了,而且这种方式只可以改变字体颜色不能改变背景色,数组例如:[Rate,signRate,]里面都包含了Rate

 2.尝试使用el-table里面的:cell-class-name

row:里面是所有字段

column:是当前tb

rowIndex:行数

columnIndex:列数

注意:return 的是style里面的class名称,不要直接返回样式

 不能用indexOf.--之前看了一篇文章说不能这个方法里面不能用for,后来问了大佬说没问题,数组循环要使用i++的方式


methods: {
rowClass({row, column, rowIndex, columnIndex}) {
if(row.columnList!== null) {
for (let i = 0; i < row.columnList.length; i++) {
if (row.columnList[i] === column.property) {
return 'bgColor';
}
}
}
},
}
 


 

不要加  scoped  限制,不然就不会生效

相关