一、场景
当用户切换城市,根据城市查询商品列表及轮播图。切换城市前轮播图数量为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
})
非常感谢, 我也遇到类似的问题, 根据你这个帖解决了
我的问题
https://developers.weixin.qq.com/community/develop/doc/00084a108dc54010f877a5a115bc00?commentid=000c265922ca20e1f177a36b9568&idescene=7&jumpto=comment
客气啦 要踩的坑多 码农应该互相帮助
设上 item-id 会好吗
给 current 动态赋值就好,无论怎么加载 下标都设置成从0 开始