微信小程序 阻止冒泡事件之下拉刷新

分类 记录 1,603阅读阅读模式

在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。

需要在 config 的 window 选项中开启enablePullDownRefresh。

当处理完数据刷新后, wx.stopPullDownRefresh() 可以停止当前页面的下拉刷新。

示例代码:

  1. Page({
  2. onPullDownRefresh: function(){
  3. wx.stopPullDownRefresh()
  4. }
  5. })

 

文档有说,想要下拉刷新,单纯的用 wx.stopPullDownRefresh() 不起作用,需要在 config 的 json 文件中先开启 window 的 enablePullDownRefresh 。

那么问题来了,如果不写 enablePullDownRefresh 的前提,哪怕你写了 stopPullDownRefresh() ,在微信界面还是会有下拉事件,还能够下拉,并且出现三个点,恶不恶心,恶不恶心。

因为 enablePullDownRefresh 默认值为 true , 如果要阻止下拉冒泡事件,则在 app.json 中的 window 添加:

  1. "enablePullDownRefresh": false

注意: false 是布尔值,无需加引号,加字符串就 GG 了。

添加这个以后,无需再函数中添加 wx.stopPullDownRefresh() 也能达到效果。

相关文章

给我留言

  • 有人回复时邮件通知我