在项目中用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这个属性是否能循环 或者我该用其他的方法解决这个循环问题
v-bind不识别 v-for的index索引值
所以我暂时的解决方案是用js循环并添加table
如果大家还有好的方案欢迎讨论