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

Question

        <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
区域
合计
第几

Answer 1

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

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

<template slot-scope="scope">

{{scope.row[item]}}

</template>