el-table-column动态绑定label属性

el-table-column是Element UI中的一个表格列组件，用于定义表格的列。动态绑定label属性可以实现在不同情况下动态改变列的标题。

要动态绑定el-table-column的label属性，可以使用Vue的数据绑定语法，将label属性与一个变量或计算属性进行绑定。这样，在数据变化时，label属性的值也会相应地改变。

以下是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column :label="columnLabel"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Jane', age: 25 },
        { name: 'Tom', age: 30 }
      ],
      columnLabel: '姓名' // 初始值为'姓名'
    };
  },
  methods: {
    changeLabel() {
      this.columnLabel = '名称'; // 在某个事件或条件下改变label属性的值
    }
  }
};
</script>

在上述代码中，我们通过`:label="columnLabel"`将el-table-column的label属性与data中的columnLabel变量进行绑定。初始时，列的标题为'姓名'。当某个事件或条件触发时，可以调用changeLabel方法来改变columnLabel的值，从而动态改变列的标题为'名称'。