elementUI table选中后改变背景色（亲测有效，拿过来直接用）

Kimser

于 2020-08-08 11:41:37 发布

阅读量2k

点赞数 1

本文链接：https://blog.csdn.net/Kimser/article/details/107877342

版权

代码：

@row-click="rowClick" 当某一行被点击时会触发该事件

:row-class-name="tableRowClassName" 可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class，表明该行处于某种状态。

:row-style="selectedHighlight" //设置这一行的样式

方法：

tableRowClassName ({row, rowIndex}) {
       //把每一行的索引放进row
     row.index = rowIndex;
    },
    selectedHighlight({row, rowIndex}) {
         if ((this.getIndex) === rowIndex ) {
            return {
          "background-color": "#CAE1FF"
       };
     }
    },
    rowClick (row) {
        this.getIndex=row.index
    }

　　效果：