博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

微信小程序页面增加下拉刷新功能

Posted on 2023-07-06 08:37  myzerg  阅读(36)  评论(0编辑  收藏  举报
  1.  对应的 json 文件 增加如下内容
"enablePullDownRefresh": true,
"onReachBottomDistance": 50,
"backgroundTextStyle": "dark",
"backgroundColor": "#6197FB"

 

2.对应的js增加 函数onPullDownRefresh() 和  onload 是一个级别

  onPullDownRefresh() {
    console.log("onPullDownRefresh");
    wx.showNavigationBarLoading() 
    this.onLoad(null); 
    setTimeout(function () {
        getToast(1,'刷新成功')
        wx.hideNavigationBarLoading() 
        wx.stopPullDownRefresh() 
    }, 1000)
  }

  里面放入刷新页面数据函数 我这里直接调用了 onload函数