收藏
评论

swiper轮播图切换城市动态加载,轮播图消失问题

一、场景

    当用户切换城市,根据城市查询商品列表及轮播图。切换城市前轮播图数量为3,切换城市后轮播图数量为1,swiper中轮播图不显,且appData 中已经加载完完整正确的数据。


相关场景图片:  

                                                            图一                                                                                        图二


二、原因

swiper中 current属性是根据swiper动态改变的,若,第一次加载的bannerArray 数量为3个(下标为0~2,),第二次加载的数据为1个(下标为0)。

当切换成bannerArray 数量为1时,新的bannerArray 已渲染到页面中,current = ‘{{index}}’,  index大于0,current = ‘2’这是在新的bannerArray 中找不到相关图片,就会显示空白(如图二所示)



三、解决方法

动态改变current = ‘{{index}}’ 中index 的值,使其初始化


this.setData({

        index:0

})





收藏

2 个评论

登录 后发表内容