vue中设置el-table在类中字体居中

要在 el-table 中将文本内容居中，可以在表格列的样式中设置 text-align: center。

在 Vue 的组件中，可以通过 scoped slot 的方式来自定义 el-table-column 的内容，并在其中设置样式。例如：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <div class="text-center">{{scope.row.name}}</div>
    </template>
  </el-table-column>
  <el-table-column label="年龄" prop="age">
    <template slot-scope="scope">
      <div class="text-center">{{scope.row.age}}</div>
    </template>
  </el-table-column>
</el-table>

在上面的例子中，通过设置 scoped slot，将 el-table-column 的内容包裹在一个 div 中，并添加一个名为 "text-center" 的自定义类，并在样式表中设置该类的样式为居中对齐。这样就可以实现 el-table 中的文本内容居中显示。

在样式表中，可以这样设置：

.text-center {
  text-align: center;
}

当然，也可以直接在 div 中设置样式，例如：

<div style="text-align: center">{{scope.row.name}}</div>

这种方式并不推荐，因为样式和内容混在一起，不利于代码的维护。