element表格点击单元格改当前行背景颜色

要在 Element 表格中点击单元格时改变当前行的背景颜色，可以使用下面的代码实现：

1. 在表格中添加 `@row-click` 事件，用于监听行的点击事件：

<el-table @row-click="handleRowClick">
  <!-- 表格内容 -->
</el-table>

2. 在 `methods` 中定义 `handleRowClick` 方法，获取点击的行号和当前行的数据，并将其保存在 `currentRow` 和 `currentIndex` 中：

data() {
  return {
    currentRow: null,
    currentIndex: -1
  }
},
methods: {
  handleRowClick(row, column, event) {
    this.currentRow = row
    this.currentIndex = event.$index
  }
}

3. 在表格的 `row-class-name` 属性中定义一个方法，用于动态设置每一行的 class，如果当前行和当前点击的行相同，则设置为选中样式，否则设置为空样式：

<el-table
  @row-click="handleRowClick"
  :row-class-name="rowClassName">
  <!-- 表格内容 -->
</el-table>

methods: {
  handleRowClick(row, column, event) {
    this.currentRow = row
    this.currentIndex = event.$index
  },
  rowClassName({row, rowIndex}) {
    if (rowIndex === this.currentIndex) {
      return 'selected-row'
    } else {
      return ''
    }
  }
}

4. 在样式表中定义选中行的样式：

.selected-row {
  background-color: #f5f5f5;
}

这样，当用户点击表格中的某一行时，当前行的背景颜色就会变为选中样式。