处理后台返回的复杂数据结构，采用Object.keys方法取值

后台返回的数据结构：

 json格式化后：

实现效果的主要代码： elment ui 

    <el-tabs v-model="activeName" type="card">
        <el-tab-pane v-for="(item,index) in tabName" :key="index" :label="item" :name="index">
          <el-table ref="multipleTable" :data="tableDataList(dataTotal.indexs[item].colName.split('|'),dataTotal.indexs[item].rowVal)" tooltip-effect="dark" style="width: 100%" border @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55">
            </el-table-column>
            <el-table-column v-for="(val,i) in dataTotal.indexs[item].colName.split('|')" :key="i" :prop="val" :label="val" width="120">
            </el-table-column>
          </el-table>
        </el-tab-pane>
      </el-tabs>

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140