element ui动态生成表格列_elementui动态生成表格

场景：表格中显示的列是由后端返回的，不是前端定义好的。

        <el-table-column
          v-for="(item, index) in columnData"
          :key="index"
          :prop="item.name"
          :label="item.label"
          align="left"
        >
        </el-table-column>

其中columnData就是表格的列数据，是个数组，举个例子：

[{name: "age", label: "年龄"}, {name: "sex", label: "性别"}]

这就是两列，其中label是列标题，name对应数据属性名，表格数据中需要有name/sex属性：

[
    {name: "张三", sex: "男"},
    {name: "李四", sex: "女"}
]