在实际工作中,会遇到动态配置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>