element UI 表格循环列

Element UI 的表格组件支持循环列，可以通过配置 columns 属性来实现。具体步骤如下：

1. 首先，在表格的 columns 属性中添加一个固定的列，例如：

columns: [
  {
    label: '姓名',
    prop: 'name',
    width: '100'
  }
]

2. 然后，通过 v-for 循环生成其他需要的列，例如：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名" prop="name" width="100"></el-table-column>
    <el-table-column v-for="(col, index) in dynamicColumns" :key="index" :label="col.label" :prop="col.prop" :width="col.width"></el-table-column>
  </el-table>
</template>

其中，dynamicColumns 为一个数组，存储需要循环生成的列的配置信息，例如：

dynamicColumns: [
  {
    label: '年龄',
    prop: 'age',
    width: '100'
  },
  {
    label: '性别',
    prop: 'gender',
    width: '100'
  }
]

3. 最后，将数据和动态列绑定起来，例如：

data() {
  return {
    tableData: [
      {
        name: '张三',
        age: 18,
        gender: '男'
      },
      {
        name: '李四',
        age: 20,
        gender: '女'
      }
    ],
    dynamicColumns: [
      {
        label: '年龄',
        prop: 'age',
        width: '100'
      },
      {
        label: '性别',
        prop: 'gender',
        width: '100'
      }
    ]
  }
}

这样就可以实现循环列的效果了。