element-UI 點擊一行，背景色變化

代碼：

 

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

　　效果：