element-ui的表格table去掉选中高亮

一开始尝试用 rowClass 只能改变背景色设置为none并没有效果

  <el-table show-summary border :data="gridData" ::row-style="rowClass">
</el-table>

    rowClass({ row, rowIndex }) {
      if (row) {
        return { "background-color": "#fff" };
      } else {
        return "";
      }
    },

后来找到 选中的 层级标签 轻松搞定

.el-table--enable-row-hover .el-table__body tr:hover>td{
  background: none;
}