2021.12.28处理Map

需求：

后端传入Map<Integer,Map<String,String>>作为动态列值，实现动态列

实现：

data(){
  return {
    mapData:{},
    Map1:[],
    Map2:[],
    Map3:[],
  }
}
//接口里面,ajax封装的
this.mapData = data

//抽取嵌套Map
//Object.entries(this,mapData[0])转换this.mapData[0]为数组，后再将其转换为Map对象，否则会报错
this.Map1 = new Map(Object.entries(this,mapData[0]))
this.Map2 = new Map(Object.entries(this,mapData[1]))
this.Map3 = new Map(Object.entries(this,mapData[3]))

//el-table中的v-for实现
<el-table-column
v-for='item in Map1'
:prop='item[0]'
:label='item[1]'
:key='item[0]'
></el-table-column>