小程式swiper不顯示元素

2021-09-13 12:07:26 字數 614 閱讀 8681

問題描述:

swiper中巢狀多個swiper-item,數量是動態迴圈生成的。

目前存在的問題是:在頁面首次載入時元素正常顯示,當切換頁面進行操作時,會改變輪播資料,當再次返回頁面時,輪播圖的元素不顯示,但是審查元素是存在的。

存在原因:

當改變輪播圖當前指標,即current屬性值時,若該屬性沒有繫結任何資料,框架會自動繫結當前操作的值

頁面發生切換時,current的值會被儲存,也就是記住當前輪播的index。再次返回會重新賦上當前儲存的值

也就是說假設滑動到第三屏時,current=2,切換頁面改變資料,如果資料只有兩條,那麼再次返回頁面,swiper會查詢第三屏的元素,沒有找到就會導致元素為空,但是其他屏的資料是存在的,所以頁面會顯示位置,但是沒有元素。

這種情況應該是在輪播圖不是自動輪播的情況下出現的。

解決辦法:

為當前輪播圖繫結current屬性

頁面切換返回時,為current重新賦值,current=0;

onshow: function())

}

小程式開發 swiper輪播

1.wxml class product bg class swiper container vertical true autoplay true circular true interval 2000 圖一swiper item 圖二swiper item 圖三swiper item block...

layui動態追加select元素不顯示

今天用layui寫前端頁面時候用到了通過jqurey中的befor追加select元素 一開始寫法 執行人員 選擇部門 北京 選擇人員張三 頁面內容 翻閱layui官方api發現 layui會對select checkbox radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴於form元件...

微信小程式tabBar 底部選單欄不顯示的問題解決

問題闡述 pages pages index index pages todo todo pages diary diary pages record record window tabbar 問題解決 1 將pages中的tab頁面放到前面,但是index會無法顯示,頁面直接是tab內容 page...