element-ui 表格选中行改变行颜色

  • A+
所属分类:Web前端
摘要

 

<el-table         :row-class-name="tableRowClassName"         :data="every_list"         @selection-change="handleSelectionChange" >  /**  * 改变表格每一行 用forEach还不行。。用的for循环, this.selectList=[]是选中的数组列表,用索引和rowIndex比较, 相等就是同一行,然后改变这一行的颜色  * */ tableRowClassName({row,rowIndex}) {     let self = this     for(let i=0;i<self.selectList.length;i++) {         if (rowIndex === self.selectList[i]) {             return 'warning-row';         }     }  }, /**  * 多选是数组列表  * */ handleSelectionChange(val) {    self.selectList = val     } 样式 .el-table .warning-row {     background: pink!important; }