请添加图片描述

让后台返回的数据格式

   tabledData: [
        {
          tableNmae: "姓名",
          tableCode: "name",
        },
        {
          tableNmae: "性别",
          tableCode: "Gender",
        },
        {
          tableNmae: "a",
          tableCode: "a",
        },
        {
          tableNmae: "b",
          tableCode: "b",
        },
      ],
      dataList: [
        {
          name: "小红",
          Gender: "女",
          a: "1",
          b: "1",
        },
        {
          name: "小黑",
          Gender: "男",
          a: "1",
          b: "1",
        },
      ],

显示

	<el-table border style="width: 100%" height="100%" :data="dataList">
       <template v-for="item in tabledData">
         <el-table-column
             width="100"
             :key="item.tableNmae"
             :label="item.tableNmae"
             align="center"
          >
         	<template slot-scope="scope">
               <span>{{ scope.row[item.tableCode] }}</span>
            </template>
          </el-table-column>
        </template>
       </el-table>

创作不易 点赞支持一下趴

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐