el-table单选变色

el-table单选变色可以通过在行的style中设置一个回调方法来实现。该回调方法可以根据当前行的数据和选中状态来返回一个对象，该对象包含了需要应用到该行的样式。在回调方法中，你可以根据需要来修改单选时行的颜色。以下是一个示例代码：

<template>
  <el-table
    :data="tableData"
    :row-style="rowStyle"
    @selection-change="handleSelectionChange"
    style="width: 100%">
    <!-- 表格列配置 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      selectedRows: [], // 已选中的行
    };
  },
  methods: {
    rowStyle({ row }) {
      if (this.selectedRows.includes(row)) {
        return {
          backgroundColor: 'red', // 设置选中行的背景色
        };
      }
      return {}; // 不设置样式
    },
    handleSelectionChange(selection) {
      this.selectedRows = selection;
    },
  },
};
</script>

在上述代码中，我们通过`rowStyle`方法来设置行的样式。如果当前行在`selectedRows`数组中，即该行被选中了，就返回一个包含背景色为红色的样式对象，否则返回一个空对象。同时，我们使用`handleSelectionChange`方法来更新`selectedRows`数组，以便在行样式中使用。