vue+element 实现动态多表头(二级)

根据后台传来的值动态展示表头，表头自己循环出来，数据用template捕捉

自定义表头的遍历

<el-table-column v-for='item in fileComment' :label="item.label" :key="item.index" align="center">
          <el-table-column v-for="(item1,index) in item.children" :label="item1.label" :key="item1.index" align="center">
            <template slot-scope="scope">
              <span>{{Object.keys(scope.row.businessList).length > 0 && scope.row.businessList[index].technicalWeight}}</span>          
            </template>
          </el-table-column>
        </el-table-column>

fileComment: [ { "label": "商务文件评分", "children": [ { "label": "1" }, { "label": "2" }, { "label": "管理员" } ] } ]

最终效果

参考文章：https://blog.csdn.net/qq_38316269/article/details/79453096