在实际工作中,会遇到动态配置e-table表头的情况,如下方法可以实现:
// 要展示的列
column: [{prop: 'name', name: '名称'
}, {prop: 'age', name: '年龄'
}, {prop: 'sex', name: '性别'
}, {prop: 'address', name: '地址'
}, {prop: 'city', name: '城市'
}]
<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>