我有一个二维数组用于渲染swiper,如[{1},{2},{3}]。 平时状态下,会有3个swiper-item被渲染出来,很正常。
但是,当我这个二维数组只有一个值的时候,即[{1}]。
当前页面会发生空白!什么都没有!
仔细观察,这个唯一的swiper-item的style里有这么一条——"transform:translate(-100%, 0%) translateZ(0px)"。
那也就说,数据是出来了,但是这个swiper-item被弄到屏幕左边去了,所以当前屏幕是空白的。
然后,我尝试左右滑动,无效!
当前微信版本6.5.16
官方如需重现,请联系微信15333690618
网友回复:
这个可以说是bug,也可以说不是,current的值是随着翻页变化的,最大为数组的长度
<swiper current="{{current}}" autoplay>
<block wx:for="{{list}}">
<swiper-item>
每次更新数据的时候(数组的长度可能减小),所以记得:
this.setData({
current:0 // current的值不能大于list.length,所以每次更新数据的时候最好置为0,
})
1楼正解,应该是current值超出范围了。此时swiper会进入无效状态。
补充:我的业务就是要刷新数据,在swiper上显示不同的内容,swiper-item数量也有变化。1L完美解释。
结果:已按1楼的方法解决。
说错了,current的值不能大于list.length-1,抱歉
你好 按照你的方式不行哦~