el-table 单元格文字颜色

el-table 是 Element UI 中的一个表格组件，用于展示数据。要设置 el-table 单元格的文字颜色，可以通过自定义单元格的 slot-scope 来实现。

首先，在 el-table 中的列定义中，使用 scoped slot 来自定义单元格的内容和样式。例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="scope">
      <span :style="{ color: scope.row.textColor }">{{ scope.row.name }}</span>
    </template>
  </el-table-column>
</el-table>

在上述代码中，我们使用了 slot-scope="scope" 来获取当前单元格的数据和属性。然后，通过设置 span 标签的 style 属性来动态设置文字颜色，这里使用了 scope.row.textColor 来表示每行数据的文字颜色。

接下来，需要在数据源中为每行数据添加 textColor 属性，用于指定该行文字的颜色。例如：

data() {
  return {
    tableData: [
      { name: '张三', textColor: 'red' },
      { name: '李四', textColor: 'blue' },
      { name: '王五', textColor: 'green' }
    ]
  }
}

在上述代码中，我们为每行数据添加了 textColor 属性，并分别设置了不同的颜色值。

这样，就可以通过自定义 el-table 的列和数据源来实现 el-table 单元格文字颜色的设置。