vue实现el-table-column中自定义label

在Vue中，可以通过scoped slots来实现自定义el-table-column的标题（label）。以下是一个简单的例子：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期">
      <template slot="header" slot-scope="scope">
        <!-- 这里可以自定义标题 -->
        <span>{{ scope.column.label }}</span>
      </template>
    </el-table-column>
    <el-table-column prop="name" label="姓名">
      <!-- 其他列同上 -->
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-02', name: '王小虎' },
        // ...更多数据
      ]
    };
  }
};
</script>

在这个例子中，我们为el-table-column定义了一个slot="header"，并通过slot-scope="scope"传递了当前列的作用域信息。然后，我们可以在<template>标签内自定义标题，例如，这里我们直接显示了原始的列标签。你也可以在这里添加任何自定义的HTML或组件。