如何让el-table-column label字体变颜色

在Element UI的`el-table-column`组件中，如果你想改变列标题(label)的字体颜色，你可以通过设置`label`属性的一个回调函数来动态控制样式。这个回调函数通常会接收到当前列的数据以及行数据作为参数，你可以从中获取到需要修改的值。

下面是一个简单的示例：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="name"
      label="Name"   <!-- 这里是默认的 label -->
      :label="formatLabel(row)"  <!-- 使用自定义函数格式化 label -->
    ></el-table-column>
  </el-table>
</template>

<script>
export default {
  methods: {
    formatLabel(row) {  // 根据 row 的某个字段决定字体颜色
      const color = row.status === 'active' ? 'green' : 'gray';  // 示例：如果 status 为 'active'，则颜色为绿色，否则为灰色
      return `<span style="color: ${color}">${row.name}</span>`;  
    }
  },
  data() {
    return {
      tableData: [
        { name: 'John', status: 'active' },
        { name: 'Jane', status: 'inactive' },
        // ...
      ]
    };
  }
};
</script>

在这个例子中，当`status`为`'active'`时，列标题的颜色就会变为绿色，其他情况则是灰色。注意这里使用了HTML的内联样式(`style`)来直接设置颜色。