小顺序开辟swiper不显现元素
题目形貌:
swiper中嵌套多个swiper-item,数目是动态轮回天生的。
现在存在的题目是:在页面初次加载时元素一般显现,当切换页面举行操纵时,会转变轮播数据,当再次返回页面时,轮播图的元素不显现,然则检察元素是存在的。
存在缘由:
- 当转变轮播图当前指针,即current属性值时,若该属性没有绑定任何数据,框架会自动绑定当前操纵的值
- 页面发作切换时,current的值会被存储,也就是记着当前轮播的index。再次返回会从新赋上当前存储的值
- 也就是说假定滑动到第三屏时,current=2,切换页面转变数据,假如数据只要两条,那末再次返回页面,swiper会查找第三屏的元素,没有找到就会致使元素为空,然则其他屏的数据是存在的,所以页面会显现位置,然则没有元素。
- 这类状况应该是在轮播图不是自动轮播的状况下涌现的。
解决办法:
- 为当前轮播图绑定current属性
页面切换返回时,为current从新赋值,current=0;
<swiper current="{{current}}"></swiper> onShow: function(){ this.setData({ current:0 }) }