列表v-for 把（item,index）传给子组件时用{ }封装，在小程序中会报item,index未定义的错误，请问怎么解决

分类：uni-app

列表使用v-for 时，想把（item,index）传给子组件，如果用{item,index}的形式封装一下，在小程序中会报item,index未定义的错误，请问怎么解决？

代码如下：

  <view v-for="(item,index) in list" :key="index" >  
       <component  :options="{item,index}">  
        </component>  
      </view>

报错图片如下：

2020-07-02 15:02 负责人:无分享

4 个回复

fsyang - 插件开发，离线打包技术咨询等,qq 37894663

写法错误

fsyang - 插件开发，离线打包技术咨询等,qq 37894663

[item,index]

s***@163.com (作者)

厉害，我暂时也是这样写的，子组件里用options[0]、options[1]、options[2]区分，虽然能解决问题，但是还是写法有点不正常

2020-07-02 15:40

s***@163.com (作者)

在H5开发环境下一切正常

风云杭州


<swiper-item class="swiper-item" v-for="(page, index) in tabList" :key="index">  
    <topicPage class="page-item" :typeid="page.typeid" :tid="topic.tid" ref="page"></topicPage>  
</swiper-item>

我一般都这样写，供参考

该问题目前已经被锁定, 无法添加新回复

列表v-for 把（item,index）传给子组件时用{ }封装，在小程序中会报item,index未定义的错误，请问怎么解决

4 个回复

公告

相关问题

列表v-for 把（item,index）传给子组件时用{ }封装，在小程序中会报item,index未定义的错误，请问怎么解决

与内容相关的链接

4 个回复

公告

相关问题