问题描述:微信小程序中,有个业务场景是下拉刷新重新请求轮播图和下面的商品,我用小程序自带的swiper组件和PullDownRefresh下拉刷新,我在后台上架一个商品然后下拉刷新,1次是可以的,2次是可以的。频繁上架下架然后轮播图区域就显示不出来了。

故障图:

微信小程序 PullDownRefresh下拉刷新或者onShow切换页面请求或者频繁请求swiper里面元素不显示

真机调试如图:

微信小程序 PullDownRefresh下拉刷新或者onShow切换页面请求或者频繁请求swiper里面元素不显示

最终解决方法:

swiper有一个current属性,因为我的swiper-item是动态生成的,频繁的刷数据或者刷新数据的时候current值已经改变不是0第一个了,然后就会出现这个bug。元素页面中有就是不显示。因为current已经是其他值了,但是当前生成的swiper-item长度已经小于current当前值。它在swiper-item找不到就显示空白了。我是每次刷新前就把current值置为0相当于每次都初始化一下。这样的话就不会偶尔出现空白的现象了。

微信小程序 PullDownRefresh下拉刷新或者onShow切换页面请求或者频繁请求swiper里面元素不显示

微信小程序 PullDownRefresh下拉刷新或者onShow切换页面请求或者频繁请求swiper里面元素不显示

 

相关文章:

  • 2022-01-07
  • 2021-11-03
  • 2022-01-07
  • 2022-12-23
  • 2021-12-21
  • 2022-12-23
猜你喜欢
  • 2022-01-07
  • 2021-12-08
  • 2022-12-23
  • 2021-09-28
  • 2021-06-26
  • 2022-12-23
  • 2021-09-18
相关资源
相似解决方案