swiper轮播图在安卓机会抖动的问题
请教各位大佬,最近做了一个在首页的轮播图,但是在安卓机上面会出现莫名其妙的抖动,初始以为是某个安卓机个体的问题,但是后来发现是很多安卓机都会出现这样的问题,请问该如何解决,球球
5 回复
不要去设置current就应该没问题。主要是bindschange事件会出现无限触发的情况。
或者在setData前,加一个current与e.detail.current的值做校验,相同就不要修改了。
我也遇到了 咋解决
< view class = "h-banner re" > <!--banner --> < swiper autoplay = "{{autoplay}}" circular = "{{circular}}" indicator-dots = "true" current = "{{currentSwiper}}" bindchange = "swiperChange" loop = "true" > < block wx:for = "{{imgs}}" > < swiper-item > < image src = "{{item}}" ></ image > </ swiper-item > </ block > </ swiper > <!--重置小圆点的样式 --> < view class = "dots" > < block wx:for = "{{imgs}}" > < view class = "dot{{index == currentSwiper ? ' active' : ''}}" ></ view > </ block > </ view > </ view > |
data: { imgs: [ '../../img/01-banner.jpg', '../../img/01-banner.jpg' ], currentSwiper: 0, autoplay: true, circular:true, isIpx: false,//判断IPX }, swiperChange: function (e) { var that=this; that.setData({ currentSwiper: e.detail.current }) }, |