小顺序swiper不显现元素

小顺序开辟swiper不显现元素

题目形貌:
swiper中嵌套多个swiper-item,数目是动态轮回天生的。

现在存在的题目是:在页面初次加载时元素一般显现,当切换页面举行操纵时,会转变轮播数据,当再次返回页面时,轮播图的元素不显现,然则检察元素是存在的。

存在缘由:

  1. 当转变轮播图当前指针,即current属性值时,若该属性没有绑定任何数据,框架会自动绑定当前操纵的值
  2. 页面发作切换时,current的值会被存储,也就是记着当前轮播的index。再次返回会从新赋上当前存储的值
  3. 也就是说假定滑动到第三屏时,current=2,切换页面转变数据,假如数据只要两条,那末再次返回页面,swiper会查找第三屏的元素,没有找到就会致使元素为空,然则其他屏的数据是存在的,所以页面会显现位置,然则没有元素。
  4. 这类状况应该是在轮播图不是自动轮播的状况下涌现的。

解决办法:

  1. 为当前轮播图绑定current属性
  2. 页面切换返回时,为current从新赋值,current=0;

    <swiper current="{{current}}"></swiper>
    
    onShow: function(){
        this.setData({
        current:0
        })
    }
    
    原文作者:miomiomio
    原文地址: https://segmentfault.com/a/1190000015587651
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞