在实际工作中,会遇到动态配置e-table表头的情况,如下方法可以实现:
// 要展示的列
column: [{
prop: 'name', name: '名称'
}, {
prop: 'age', name: '年龄'
}, {
prop: 'sex', name: '性别'
}, {
prop: 'address', name: '地址'
}, {
prop: 'city', name: '城市'
}]
html
<el-table :data="data">
<el-table-column
v-for="item in column"
:key="item.name"
:prop="item.prop"
:label="item.name">
</el-table-column>
</el-table>