小程序中使用下拉刷新(onPullDownRefresh)遇到的问题

一、onPullDownRefresh函数不触发

1.小程序中 onPullDownRefresh 函数在我们新建页面时就已经存在!若是你写的函数没有触发,可以考虑下是不是js中存在多个onPullDownRefresh函数

2.想要使其触发需要一个条件:

在 *.json文件中配置,若是在app.json中配置,一定要保证该页面在app.json的pages选项中注册

"enablePullDownRefresh": true,

二、下拉刷新时没有加载图标 

背景色与加载冲突,在*.json中配置下方代码

"backgroundTextStyle": "dark", 

三、下拉刷新不回弹 

1. 下拉监测函数没有触发,解决办法看第一个问题

2. 在下拉监测函数中延时关闭下拉刷新

 onPullDownRefresh: function () {
    setTimeout(() => {
      wx.stopPullDownRefresh()
    }, 2000)
  },

猜你喜欢

转载自blog.csdn.net/weixin_59128282/article/details/120717172