el-table循环渲染表头

可以使用 `v-for` 遍历表头数据，然后使用 `el-table-column` 组件动态生成表头列。具体实现步骤如下：

1. 在表格组件中，使用 `v-for` 循环遍历表头数据，如：

<el-table :data="tableData" style="width: 100%">
  <el-table-column v-for="column in columns" :key="column.prop" :prop="column.prop" :label="column.label"></el-table-column>
</el-table>

2. 在组件中定义 `columns` 数据，如：

data() {
  return {
    columns: [
      { prop: 'name', label: '姓名' },
      { prop: 'age', label: '年龄' },
      { prop: 'gender', label: '性别' }
    ],
    tableData: [
      { name: '张三', age: 18, gender: '男' },
      { name: '李四', age: 20, gender: '女' },
      { name: '王五', age: 22, gender: '男' }
    ]
  }
}

这样就可以通过循环遍历 `columns` 数据，动态生成表头列，实现表头循环渲染。