微信小程序下拉刷新onPullDownRefresh wx.startPullDownRefresh(Object object)

页面事件处理函数-onPullDownRefresh()

(1) 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。

(2) 可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。

(3) 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
1、在app.json的 window 选项中或页面配置种设置 enablePullDownRefresh
{
  "enablePullDownRefresh": true,
  "onReachBottomDistance": 50
}
2、配置 backgroundTextStyle

window下修改 backgroundTextStyle:下拉 loading 的样式,默认是light,仅支持 dark / light

{
  "backgroundTextStyle": "dark"
}
3、wx.stopPullDownRefresh

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

Page({
    onPullDownRefresh: function(){
        wx.showNavigationBarLoading(); //在标题栏中显示加载图标
        wx.request({
            url: 'www.XXXX.com/xxx/xxxx',
            method: 'POST',
        	header: {
          		'content-type': 'application/json'
        	},
            data: {},
            success: function (res) {
            },
            fail: function (res) {
            },
            complete: function (res) {
                wx.hideNavigationBarLoading(); //完成停止加载图标
                wx.stopPullDownRefresh();
            }
        })
    }
})

如果上述步骤完成发现 下拉不生效,看看onPullDownRefresh()是否被覆盖

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值