请添加图片描述

让后台返回的数据格式

   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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐