vue怎么改变el-table点击的那一行的颜色

要改变 `el-table` 点击的那一行的颜色，可以通过 CSS 来实现。你可以使用 `row-click` 事件来监听点击行的事件，并在事件处理函数中动态添加或移除 CSS 类来改变行的颜色。

首先，在你的 `el-table` 组件上添加 `@row-click` 事件监听器，例如：

<el-table @row-click="handleRowClick" :data="tableData">
  <!-- 表格列配置 -->
</el-table>

然后，在你的 Vue 实例中定义 `handleRowClick` 方法：

methods: {
  handleRowClick(row) {
    // 移除之前选中的行的类名
    const selectedRows = document.getElementsByClassName('selected-row');
    Array.from(selectedRows).forEach((el) => {
      el.classList.remove('selected-row');
    });

    // 添加选中行的类名
    const targetRow = document.getElementById(row.id);
    targetRow.classList.add('selected-row');
  },
}

最后，在你的 CSS 样式中定义 `selected-row` 类来改变选中行的颜色，例如：

.selected-row {
  background-color: #f0f0f0; /* 修改为你想要的颜色 */
}

这样，当你点击 `el-table` 中的行时，点击的行会改变背景颜色为你定义的颜色。记得根据你的实际情况修改代码中的类名和样式。