vue3 修改el-table-column字体颜色

您可以通过以下方式修改 `el-table-column` 字体颜色：

1. 使用 `header-cell-style` 属性：
您可以在 `el-table-column` 组件上添加 `header-cell-style` 属性，然后在这个属性里面设置 CSS 样式来修改字体颜色。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" width="180" header-cell-style="color: red;"></el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
</el-table>

2. 使用 `::v-deep` / `/deep/` 操作符：
如果您想要修改更加深层的元素样式，可以使用 `::v-deep` 或者 `/deep/` 操作符来穿透组件的样式隔离。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" width="180">
    <template slot-scope="{ row }">
      <div class="cell" ::v-deep="{ color: 'red' }">{{ row.name }}</div>
    </template>
  </el-table-column>
  <el-table-column prop="age" label="年龄" width="180"></el-table-column>
</el-table>

请注意，以上两种方法都可以修改 `el-table-column` 的字体颜色，但是建议您尽量使用第一种方法，因为它更加简单直接，并且不需要使用特殊的操作符。另外，如果您需要修改其它样式属性，可以参考上述两种方法进行修改。