el-table 循环prop

el-table是ElementUI中非常常见的表格组件，它支持基础表格、固定列、固定表头、多级表头、斑马纹等基本功能，并且还可以通过设置prop属性实现循环渲染数据。

循环prop功能非常适用于需要动态生成表格列的情况，例如通过接口获取到的表格字段数据不固定。我们可以先获取到表格列的字段信息，将其封装成一个数组，然后将该数组作为el-table组件的prop属性值，这样就可以实现循环渲染表格列。

具体实现方式如下：

1. 定义一个数组，用于存储表格列的字段信息，例如：

columns: [
  {
    prop: 'name',
    label: '姓名'
  },
  {
    prop: 'age',
    label: '年龄'
  },
  {
    prop: 'gender',
    label: '性别'
  }
]

2. 将该数组作为el-table组件的prop属性值，例如：

<el-table :data="tableData" :columns="columns"></el-table>

3. 在data数据中定义表格数据，例如：

data() {
  return {
    tableData: [
      {
        name: '小明',
        age: 18,
        gender: '男'
      },
      {
        name: '小红',
        age: 20,
        gender: '女'
      }
    ]
  }
}

这样就可以实现循环渲染表格列，以及显示对应的表格数据。需要注意的是，表格列的字段信息要与表格数据中的字段名保持一致，否则数据无法正常显示。