el-table 点击行变背景色

可以使用 el-row-clickable 和 :row-class-name 属性来实现 el-table 点击行变背景色的效果。

具体实现步骤如下：

1. 在 el-table 标签上添加 el-row-clickable 属性。

2. 在 el-table 标签上添加 :row-class-name 属性，绑定一个方法，方法返回一个对象，对象中包含需要添加的类名和对应的条件。

例如：

<el-table
  :data="tableData"
  el-row-clickable
  :row-class-name="tableRowClassName">
  ...
</el-table>

methods: {
  tableRowClassName({ row, rowIndex }) {
    if (rowIndex % 2 === 0) {
      return {
        'table-row-clickable-even': true
      }
    } else {
      return {
        'table-row-clickable-odd': true
      }
    }
  }
}

3. 在样式中定义需要添加的类名对应的样式。

例如：

.table-row-clickable-even {
  background-color: #f5f5f5;
}

.table-row-clickable-odd {
  background-color: #efefef;
}

.table-row-clickable-even:hover,
.table-row-clickable-odd:hover {
  background-color: #e0e0e0;
}

这样就可以实现 el-table 点击行变背景色的效果了。