小程序
小游戏
企业微信
微信支付
扫描小程序码分享
swiper能在滑动的过程中, 滑动到指定的某一个swiper-item 然后动态再添加swiper-item. 比如一开始只有3个swiper-item, 滑动到第三个的时候,再新增三个,现在总共就是6个
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我通过处理事件动态添加后，发现swiper的显示不正常，有白屏。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
提供方法：
首先页面需要像楼上的兄弟说的，需要wx:for 循环。在swiper上使用 bindchange，JS里捕获e.detail.current
JS方面：
判断你的当前捕获事件current页是否为最后，例如你页面渲染同时显示3个item，JS里默认首组item的数量为8，那么最后的判定条件为current==5。条件为真时请求下一组数据然后推进数据绑定的data里就可以渲染出来了。刚实测过，可行。
有老兄说数据拉取次数过多过大会降低运行速度。可以考虑用wx:if判断多余的数据是否需要渲染出来，或者用hidden。但是我印象里hidden是占用资源的。目前我还没有太多数据测试。
可以。wx:for了解一下。
你试下动态设置轮播数组的长度
将后面三个swiper-item先隐藏，在bindchange事件中进行判断，小于3隐藏，等于3显示
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我通过处理事件动态添加后，发现swiper的显示不正常，有白屏。
提供方法：
首先页面需要像楼上的兄弟说的，需要wx:for 循环。在swiper上使用 bindchange，JS里捕获e.detail.current
JS方面：
判断你的当前捕获事件current页是否为最后，例如你页面渲染同时显示3个item，JS里默认首组item的数量为8，那么最后的判定条件为current==5。条件为真时请求下一组数据然后推进数据绑定的data里就可以渲染出来了。刚实测过，可行。
有老兄说数据拉取次数过多过大会降低运行速度。可以考虑用wx:if判断多余的数据是否需要渲染出来，或者用hidden。但是我印象里hidden是占用资源的。目前我还没有太多数据测试。
可以。wx:for了解一下。
你试下动态设置轮播数组的长度
将后面三个swiper-item先隐藏，在bindchange事件中进行判断，小于3隐藏，等于3显示