关于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这个属性是否能循环 或者我该用其他的方法解决这个循环问题
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
v-bind不识别 v-for的index索引值
所以我暂时的解决方案是用js循环并添加table
如果大家还有好的方案欢迎讨论