关于动态列的遍历方法,可以查看我的上一篇推文:
el-table实现指定列作动态列表渲染
1、读取数据
首先动态列的表头是固定,那么就要有单独的一个list存储表头的内容:
myList:{
[name:'动态列1'],
[name:'动态列2'],
[name:'动态列3'],
}
后台传过来的数据是不固定的:
//动态列的顺序不一致
exportForm:{
exportData:{
[
//动态列1
readList:{
[name:'动态列2',value:'222'],
[name:'动态列1',value:'111'],
[name:'动态列3',value:'333']
}
],
[
//动态列2
readList:{
[name:'动态列2',value:'22'],
[name:'动态列3',value:'33'],
[name:'动态列1',value:'11'],
}
]
}
}
...........
那我们应该有一个可以映射表头的变量,实现el-table的按顺序遍历:
//遍历传过来的数据
for (let i = 0; i < this.exportForm.exportData.length; i++)