小程序
小游戏
企业微信
微信支付
扫描小程序码分享
swiper通过请求的数据for循环出swiper-item,页面已经存在两个swiper-item并且swiper停留在第二个swiper-item时,刷新数据,渲染的swiper-item数据只有一个时,swiper-item渲染不出来,会形成一个空的节点在页面上,重新刷新数据,当数据为两个或两个以上时可以重新渲染出swiper-item,为一个时失踪渲染不出来
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个问题将在后续的小程序版本中修复。对于之前版本的小程序,有一个临时的解决方案如下:
1、WXML首先要绑定一个状态 current
<swiper indicator-dots autoplay interval="5000" current="{{current}}"> <swiper-item wx:for="{{list}}" wx:key="index" > <image src="{{item}}"></image> </swiper-item> </swiper>
2、相应的,js里的data添加这个状态
data: { list:[ ...... ], current: 0 },
3、在更新状态的时候,同时更新current (从0开始,必须是一个合法值)
this.setData({ list:[ ... ], current: 0 })
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个问题将在后续的小程序版本中修复。对于之前版本的小程序,有一个临时的解决方案如下:
1、WXML首先要绑定一个状态 current
<swiper indicator-dots autoplay interval="5000" current="{{current}}"> <swiper-item wx:for="{{list}}" wx:key="index" > <image src="{{item}}"></image> </swiper-item> </swiper>
2、相应的,js里的data添加这个状态
data: { list:[ ...... ], current: 0 },
3、在更新状态的时候,同时更新current (从0开始,必须是一个合法值)
this.setData({ list:[ ... ], current: 0 })
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)