elementUI table选中后改变背景色(亲测有效,拿过来直接用)

代码:

elementUI table选中后改变背景色(亲测有效,拿过来直接用)_第1张图片

 

@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
    }

  效果:

elementUI table选中后改变背景色(亲测有效,拿过来直接用)_第2张图片

你可能感兴趣的:(elementUI table选中后改变背景色(亲测有效,拿过来直接用))