1. 程式人生 > >微信小程式 PullDownRefresh下拉重新整理或者onShow切換頁面請求或者頻繁請求swiper裡面元素不顯示

微信小程式 PullDownRefresh下拉重新整理或者onShow切換頁面請求或者頻繁請求swiper裡面元素不顯示

問題描述:微信小程式中,有個業務場景是下拉重新整理重新請求輪播圖和下面的商品,我用小程式自帶的swiper元件和PullDownRefresh下拉重新整理,我在後臺上架一個商品然後下拉重新整理,1次是可以的,2次是可以的。頻繁上架下架然後輪播圖區域就顯示不出來了。

故障圖:

真機除錯如圖:

最終解決方法:

swiper有一個current屬性,因為我的swiper-item是動態生成的,頻繁的刷資料或者重新整理資料的時候current值已經改變不是0第一個了,然後就會出現這個bug。元素頁面中有就是不顯示。因為current已經是其他值了,但是當前生成的swiper-item長度已經小於current當前值。它在swiper-item找不到就顯示空白了。

我是每次重新整理前就把current值置為0相當於每次都初始化一下。這樣的話就不會偶爾出現空白的現象了。