关于javascript:vueel动态列

效果图

后端返回の数据结构

返回的result.labelList是动静label。result.list，蕴含所有数据，其中labelMap是动静列的键值对后果。

前端HTML

*template很重要~~

<el-table-column
   v-for="label in labelArr"
   :key="label"
   :label="label"
  >
    <template slot-scope="scope">
      <span>{{ scope.row.labelMap[label] }}</span>
     </template>
   </el-table-column>

前端JS

this.labelArr = [];
this.$set(this, "labelArr", res.result.labelList);
this.$set(this, `${which}`, res.result.list);