微信小程序下拉刷新（微信小程序摸索第八天）

实现小程序下拉刷新

一、

在需要实现这一功能的.json文件中（若配置全局则在app.json文件中加入）加入以代码

{
    "enablePullDownRefresh": true,
    "backgroundTextStyle": "dark" 
}

字段含义

enablePullDownRefresh：允许下拉刷新
backgroundTextStyle：刷新动画中那个点的颜色（ios） 值可以为dark、light

二、

在需要实现这一功能的.js文件中加入以下代码

 /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
   // 下面填写需要下拉时的函数可自己定
    var k = this
    wx.showToast({
    //显示的图
      title: '刷新中',
      icon: 'loading',
   //以毫秒为单位
      duration: 1000
    })
    // 下拉刷新 调用onload函数
    k.onLoad()
   // 注意现在需要使用停止函数停止刷新
    wx.stopPullDownRefresh()
  },

 

注意：

一个.js文件只能有一个onPullDownRefresh函数。两个onPullDownRefresh函数时，

会覆盖了原来的onPullDownRefresh函数，所以找到原有的onPullDownRefresh函数加上代码即可