小程序swiper重新獲取數據不顯示問題

問題描述:
swiper中嵌套多個swiper-item,數量是動態循環生成的。

目前存在問題:在頁面首次加載時元素正常顯示,當切換頁面後,重新獲取數據時,改變輪播數據,輪播圖的元素就不顯示,但是審查元素是存在的(圖片是鏈接地址,瀏覽器能正常下載顯示)。

存在原因:

  1. 當改變輪播圖當前指針,即current屬性值時,若該屬性沒有綁定任何數據,框架會自動綁定當前操作的值;
  2. 頁面發生切換時,current的值會被存儲,也就是記住當前輪播的index。再次返回會重新賦上當前存儲的值 ;
  3. 也就是說假設滑動到第三屏時,current=2,切換頁面改變數據,如果數據只有兩條,那麼再次返回頁面,swiper會查找第三屏的元素,沒有找到就會導致元素爲空,但是其他屏的數據是存在的,所以頁面會顯示位置,但是沒有元素。
  4. 這種情況應該是在輪播圖不是自動輪播的情況下出現的。

解決辦法:

  1. 爲當前輪播圖綁定current屬性
  2. 頁面切換返回時,爲current重新賦值,current=0;
    ————————————————
    原文鏈接:https://blog.csdn.net/qq_36145093/article/details/86549610
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章