el-table 动态prop数据格式处理_el-table动态绑定prop

<el-table :data="tableList" height="700">

<el-table-column type="index" label="序列"></el-table-column>

<el-table-column

v-for="item in propData"

:key="item.label"

:label="item.name"

:prop="item.prop"

></el-table-column>

</el-table>

let data = [

{

批发市场: 0,

可可及焙烤咖啡产品: 0,

酒类: 0

},

{

批发市场: 0,

可可及焙烤咖啡产品: 0,

酒类: 0

},

{

批发市场: 0,

可可及焙烤咖啡产品: 0,

酒类: 0

}

]

var showlist = []

data.records.forEach(item => {

var obj = {}

Object.keys(item).forEach((o, i) => {

if (this.propData.findIndex(e => e.name == o) == -1) {

this.propData.push({ name: o, label: `key${i}`, prop: `value${i}` })

}

obj['key' + i] = o

obj['value' + i] = item[o]

})

showlist.push(obj)

})

this.tableList = showlist //将数据返回给表格