微信小程序下拉刷新

1、全部页面设置下拉刷新 在app.json的window节点中,将enablePullDownRefresh设置为true 2、单页面设置下拉刷新 在单个页面的json文件中,将enablePullDownRefresh设置为true

backgroundColor:用来配置下拉刷新窗口的背景颜色,仅支持16进制的颜色值 backgroundTextStyle:用来配置下拉刷新loading的样式,仅支持dark和light两个颜色属性

"enablePullDownRefresh": true, "backgroundTextStyle": "dark", "backgroundColor": "#ffffff"
/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    // console.log("刷新");
    this.onShow()
    this.setData({
      // 设置显示内容恢复初始值
    })
    // 结束下拉刷新的动作,恢复页面状态,不设置就会刷新非常久
    setTimeout(() => {
      wx.stopPullDownRefresh() 
     // 初始化数据写在onshow里面的,这里就不用再请求数据了
    }, 1000)
  },
经验分享 程序员 微信小程序 职场和发展