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

发布于 2022-09-07 22:58:30 字数 1303 浏览 6 评论 0

在项目中用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浅唱ヾ落雨殇 2022-09-14 22:58:30

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


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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文