element表格滑鼠懸浮上帶有點選事件的變紅

如圖所示

只需要在el-table標籤上加一個:row-class-name

<el-table
   stripe
   style="width: 100%"
   :data="tableData"
   v-loading="isLoading"
   element-loading-text="載入中"
   element-loading-spinner="el-icon-loading"
   element-loading-background="rgba(0, 0, 0, 0.4)"
   :row-class-name="tableRowClassName"
   id="table"
>

</rl-table>

　在methods裡寫入tableRowClassName//改變當前點選的行的class，高亮當前行

 tableRowClassName(row, index) {
       return "tableBg";
 }

在css裡面寫tableBg的樣式

#table.el-table .tableBg td a {
      font-size: 14px;
      color: rgb(61, 34, 31);
    }
    #table.el-table .tableBg:hover td a {
      color: #cc0000;
      border-bottom: 1px solid#cc0000;
      cursor: pointer;
    }