关于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);