小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序swiper整屏闪动,几个页面轮流显示又不像是来回滚动,但内容一直在变化(没有设置自动播放),不知道是什么问题,出现问题又不是很频繁
测试机型:iPhone SE 版本不限
9 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你可以通过判断是否是由setData导致的change,来决定是否在change事件中再次setData。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
现在swiper的change事件会返回source字段,表示导致change的原因,请参见https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
请不要这么做。
swiperChange中有setData改变current的调用吗?
感谢反馈,麻烦提供一下相关代码和iOS版本。
搞定了,谢谢QAQ
这个好像只是说明触发的事件,对解决上面的问题好像作用不大
有的
swiperChange:
function
(e) {
this
.setData({
tabIndex: e.detail.current
})
},
我也遇到这样的问题。在测试机荣耀5A,微信版本6.5.8。代码如下
<
swiper
current
=
"{{tabIndex}}"
bindchange
"swiperChange"
class
"cont-box"
style
"height:{{scrHeight}}px;"
>
swiper-item
<!--待支付订单列表-->
scroll-view
scroll-y
"true"
"height:{{scrHeight}}px;left:{{-tabIndex*100}}%;"
"order-cont"
<!--内容省略-->
</
<!--待收货订单列表-->
"height:{{scrHeight}}px;left:{{-(tabIndex-1)*100}}%;"
<!--已完成订单列表-->
"height:{{scrHeight}}px;left:{{-(tabIndex-2)*100}}%;"
bindscrolltolower
"moreClose"
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你可以通过判断是否是由setData导致的change,来决定是否在change事件中再次setData。
现在swiper的change事件会返回source字段,表示导致change的原因,请参见
https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html
请不要这么做。
swiperChange中有setData改变current的调用吗?
感谢反馈,麻烦提供一下相关代码和iOS版本。
搞定了,谢谢QAQ
这个好像只是说明触发的事件,对解决上面的问题好像作用不大
有的
swiperChange:
function
(e) {
this
.setData({
tabIndex: e.detail.current
})
},
我也遇到这样的问题。在测试机荣耀5A,微信版本6.5.8。代码如下
<
swiper
current
=
"{{tabIndex}}"
bindchange
=
"swiperChange"
class
=
"cont-box"
style
=
"height:{{scrHeight}}px;"
>
<
swiper-item
>
<!--待支付订单列表-->
<
scroll-view
scroll-y
=
"true"
style
=
"height:{{scrHeight}}px;left:{{-tabIndex*100}}%;"
class
=
"order-cont"
>
<!--内容省略-->
</
scroll-view
>
</
swiper-item
>
<
swiper-item
>
<!--待收货订单列表-->
<
scroll-view
scroll-y
=
"true"
style
=
"height:{{scrHeight}}px;left:{{-(tabIndex-1)*100}}%;"
class
=
"order-cont"
>
<!--内容省略-->
</
scroll-view
>
</
swiper-item
>
<
swiper-item
>
<!--已完成订单列表-->
<
scroll-view
scroll-y
=
"true"
style
=
"height:{{scrHeight}}px;left:{{-(tabIndex-2)*100}}%;"
class
=
"order-cont"
bindscrolltolower
=
"moreClose"
>
<!--内容省略-->
</
scroll-view
>
</
swiper-item
>
</
swiper
>