1. 程式人生 > >小程式swiper不顯示元素

小程式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
    })
}

```

插播一條:
咳咳、魔道祖師更新啦~~~
汪嘰羨羨衝啊~~~~~