elementui中点击表格一行数据添加高亮背景色效果

要在ElementUI中实现点击表格一行数据添加高亮背景色效果，你可以使用ElementUI提供的表格事件和样式来实现。具体实现方法如下：

1. 在el-table组件上绑定row-click事件，并在方法中获取点击行的索引值。

<el-table @row-click="handleClick">

methods: {
  handleClick(row, column, event) {
    // 获取点击行的索引值
    const rowIndex = this.$refs.table.$el.querySelector('tbody tr[class*=\'el-table__row--current\']').getAttribute('data-row-index')
  }
}

2. 在表格的行样式中，定义一个添加高亮背景色的class，如：`highlight`。

.highlight {
  background-color: #f5f5f5;
}

3. 在方法中根据索引值，为点击的行添加`highlight`类名，同时移除其他行的`highlight`类名。

methods: {
  handleClick(row, column, event) {
    // 获取点击行的索引值
    const rowIndex = this.$refs.table.$el.querySelector('tbody tr[class*=\'el-table__row--current\']').getAttribute('data-row-index')
    // 为点击的行添加highlight类名
    this.$refs.table.$el.querySelectorAll('tbody tr').forEach((row, index) => {
      if (index == rowIndex) {
        row.classList.add('highlight')
      } else {
        row.classList.remove('highlight')
      }
    })
  }
}

这样，当你点击表格中的某一行时，该行就会添加高亮背景色，同时其他行的背景色会被移除。