element-plus中表格点击之后高亮

在 element-plus 中，要实现表格点击后高亮的效果，你可以使用 `row-class-name` 属性来设置行的类名。首先，你需要在表格组件中添加 `row-class-name` 属性，然后定义一个方法来判断当前行是否被点击，如果被点击，则返回一个自定义的类名，否则返回空字符串。具体的代码如下：

<el-table
  :data="tableData"
  row-class-name="highlight-row"
  @row-click="handleRowClick"
>
  <!-- 表格列定义 -->
</el-table>

data() {
  return {
    tableData: [],
    selectedRow: null // 记录当前被点击的行
  };
},
methods: {
  handleRowClick(row) {
    this.selectedRow = row;
  },
  rowClassName({ row }) {
    return row === this.selectedRow ? 'highlighted' : '';
  }
}

在上述代码中，我们通过绑定 `row-class-name` 属性给行添加了一个名为 `highlight-row` 的类名。然后，在 `handleRowClick` 方法中，我们将当前点击的行保存到 `selectedRow` 变量中。最后，在 `rowClassName` 方法中，我们判断当前行是否与 `selectedRow` 相等，如果相等，则返回自定义的类名 `highlighted`，用于高亮显示。

你可以根据自己的需要在 CSS 中定义 `.highlighted` 类的样式，例如设置背景色、边框等，以达到高亮显示的效果。