关于iview Tabel插件的:data属性是否可以循环?

在项目中用vue + iview开发项目使用iview的table插件进行表格渲染

使用v-for进行循环时 :data属性应该如何循环

相关代码

        <div v-for="(info,index) in jizuInfo">
            <h2>{{info.machineGroupName}}</h2>
            <Table  :id="'jizu_info'+(index + 1)" :columns='jizu1' :data="jizu_data1" :show-header = false></Table>
        </div>
        数据的格式:
         this.jizu_data1.push(
                        {
                            类型: '循环泵',
                            功率: '15kw',
                            规格: response.data[item].cPConverterSpecifications
                        },
                        {
                            类型: '补水泵',
                            功率: '15kw',
                            规格: response.data[item].wPConverterSpecifications
                        }       
                    );

如果我将上面的代码写成:
<div v-for="(info,index) in jizuInfo">

            <h2>{{info.machineGroupName}}</h2>
            <Table  :id="'jizu_info'+ (index + 1)" :columns='jizu1' :data="'jizu_data'+(index)" :show-header = false></Table>
        </div>

就会报错

报错信息是data 期待是数组但是输入的是String
forEach()undefined
:data这个属性是否能循环 或者我该用其他的方法解决这个循环问题

阅读 1.8k
1 个回答

v-bind不识别 v-for的index索引值
所以我暂时的解决方案是用js循环并添加table


如果大家还有好的方案欢迎讨论

推荐问题