微信小程序的下拉刷新

微信小程序的下拉刷新:
在page的js文件中有监听用户下拉刷新的处理函数onPullDownRefresh:function(){} //js文件中自带的处理函数,在onUnload下面,注意不要重复写

此外需要注意,使用下拉刷新需要在page.json中
{
  "enablePullDownRefresh": true,//允许下拉刷新
  "backgroundTextStyle":"dark" //如果背景颜色是白色的,下拉刷新的动画效果就看不到,这行代码是给下拉刷新的动画(也就是那几个点点)更改一个颜色
}
/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log("下拉刷新")
    //刷新页面时需要重新调用的接口
    wx.request({
      url: 'test.php', //接口地址
      method:'POST',
      data: {
        x: '',
        y: ''
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data)
        //停止下拉刷新
        wx.stopPullDownRefresh()
      }
    })
  },

猜你喜欢

转载自www.cnblogs.com/hj0711/p/9592552.html