原来如此~ 2021-03-09 19:03 采纳率: 40%
浏览 1352
已采纳

Vue el-table 使用 v-for 动态展示列,table 没有显示数据

        <el-table
            :data="list"
            style="width: 100%;margin-top:30px;"
            border
            fit
        >
            <el-table-column v-for="(item,index) in columnList" :key="index" :label="item" :prop="item">
                <template slot-scope="scope">
                    {<!-- -->{ scope.row[scope.column.label] }}
                </template>
            </el-table-column>
        </el-table>

data 里面数据不显示

data数据:一个数组里面有多个object,每个object内容如下:

A1-1: "2"
A1-2: "0"
B1-1: "1"
B1-2: "0"
区域: "总棒数"
合计: "3"
第几: "1棒"

columnList 数据:

A1-1
A1-2
B1-1
B1-2
区域
合计
第几
  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥30 求十字路口交通灯S7-200plc,今天早上八点前。
      • ¥20 如何用智能手表oppowatch3实现个人热点功能
      • ¥15 运营商打开wanpush会有怎么样的危害
      • ¥15 Java编程题,定义一个时钟
      • ¥15 Python面向对象编程——生成多项式的一阶导数
      • ¥15 在编写C++程序遇到了问题
      • ¥15 java程序查找字符串中所有的回文并输出
      • ¥15 怎么让只支持对.exe 和.dll文件进行加壳的加壳器,同时让它也支持php文件加壳呢
      • ¥15 这两个数学公式什么意思?
      • ¥15 求助大佬:如何解决char类型多维数组的多次输入问题?