场景:表格中显示的列是由后端返回的,不是前端定义好的。
<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: "女"}
]