el-table渲染动态表格表头

以下是使用el-table渲染动态表格表头的方法：

<template>
  <el-table :data="tableData" border>
    <el-table-column v-for="item in tableHeader" :key="item.key" :prop="item.prop" :label="item.label"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableHeader: [
        { key: 'name', prop: 'name', label: '姓名' },
        { key: 'age', prop: 'age', label: '年龄' },
        { key: 'address', prop: 'address', label: '地址' }
      ],
      tableData: [
        { name: '张三', age: 18, address: '北京市' },
        { name: '李四', age: 22, address: '上海市' },
        { name: '王五', age: 30, address: '广州市' }
      ]
    }
  }
}
</script>

在上述代码中，我们使用了v-for指令来遍历tableHeader数组，动态生成el-table-column组件。其中，key属性用于唯一标识每个表头，prop属性用于指定表格数据中对应的字段名，label属性用于指定表头的显示文本。