el-table动态配置显示表头

在Vue.js中使用Element UI库时，可以通过动态绑定表头数据来实现动态配置显示表头。以下是一个简单的示例：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column
      v-for="header in tableHeaders"
      :key="header.prop"
      :prop="header.prop"
      :label="header.label">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        { date: '2016-05-02', name: 'Tom', address: 'No.189, Grove St, Los Angeles' },
        { date: '2016-05-04', name: 'Jerry', address: 'No.189, Grove St, Los Angeles' }
      ],
      tableHeaders: [
        { label: '日期', prop: 'date' },
        { label: '姓名', prop: 'name' },
        { label: '地址', prop: 'address' }
      ]
    };
  }
};
</script>

在这个例子中，tableHeaders是一个包含表头信息的数组，每个对象包含label和prop两个属性，分别用于显示的文本和绑定的数据字段。v-for指令用于循环渲染tableHeaders数组中的每个元素，动态生成表格的表头和列。

你可以根据实际需求动态修改tableHeaders数组，从而动态更新表格的列。例如，你可以提供一个界面让用户选择或者输入他们想要显示的表头，然后更新数据。