• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

vue+el动态列

互联网 diligentman 1周前 (10-16) 13次浏览

效果图

vue+el动态列

后端返回の数据结构

返回的result.labelList是动态label。result.list,包含所有数据,其中labelMap是动态列的键值对结果。
vue+el动态列

前端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);

程序员灯塔
转载请注明原文链接:https://www.wangt.cc/2020/10/vueel%e5%8a%a8%e6%80%81%e5%88%97/
喜欢 (0)