Element UI 表格行单选后文字变色教程

您可以使用 'row-class-name' 属性来为行添加自定义的类名，然后通过 CSS 来修改文字的颜色。具体的步骤如下：

在表格的 'el-table' 标签上添加 'row-class-name' 属性，绑定一个方法：
```
  
```

在 Vue 实例中定义 'setRowClassName' 方法，该方法接收当前行的数据对象作为参数，并返回一个字符串，用于指定添加给行的类名：

export default {
  data() {
    return {
      // 表格数据
      tableData: [
        // 数据项
      ]
    };
  },
  methods: {
    setRowClassName(row) {
      if (row.selected) {
        return 'highlight-row'; // 选中行的类名
      } else {
        return ''; // 其他行的类名
      }
    }
  }
}

在 CSS 样式中定义 '.highlight-row' 类名，并设置文字的颜色：
```
.highlight-row {
  color: red; // 设置为红色
}
```

通过以上步骤，当行被单选选中时，该行将会添加 'highlight-row' 类名，从而改变文字的颜色为红色。