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

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条回答 默认 最新

  • 流转的年华 2021-03-10 09:28
    关注

    把<template>标签里面的东西去掉试试。 :prop=“item"  相当于已经绑定了数组对象里面的属性。

    或者去掉 :prop=“item"   自定义表格内容

    <template slot-scope="scope">

    {{scope.row[item]}}

    </template>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?