問題描述:
swiper中嵌套多個swiper-item,數量是動態循環生成的。
目前存在問題:在頁面首次加載時元素正常顯示,當切換頁面後,重新獲取數據時,改變輪播數據,輪播圖的元素就不顯示,但是審查元素是存在的(圖片是鏈接地址,瀏覽器能正常下載顯示)。
存在原因:
- 當改變輪播圖當前指針,即current屬性值時,若該屬性沒有綁定任何數據,框架會自動綁定當前操作的值;
- 頁面發生切換時,current的值會被存儲,也就是記住當前輪播的index。再次返回會重新賦上當前存儲的值 ;
- 也就是說假設滑動到第三屏時,current=2,切換頁面改變數據,如果數據只有兩條,那麼再次返回頁面,swiper會查找第三屏的元素,沒有找到就會導致元素爲空,但是其他屏的數據是存在的,所以頁面會顯示位置,但是沒有元素。
- 這種情況應該是在輪播圖不是自動輪播的情況下出現的。
解決辦法:
- 爲當前輪播圖綁定current屬性
- 頁面切換返回時,爲current重新賦值,current=0;
————————————————
原文鏈接:https://blog.csdn.net/qq_36145093/article/details/86549610