微信小程序下拉刷新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()是否被覆盖

在这里插入图片描述

  • 11
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要学习微信小程序(wx),首先需要了解微信小程序的基本概念和特点。微信小程序是一种可以在微信中直接使用的应用程序,用户无需下载安装即可使用。相比于传统的App开发,微信小程序具有轻量、易用、快速上线等优势,因此成为了开发者和用户的热门选择。 要从零基础学习wx,首先需要了解微信小程序的开发语言和工具。微信小程序主要使用JavaScript语言进行开发,也需要一些HTML和CSS的基础知识。另外,微信小程序提供了一套开发者工具,可以帮助开发者进行开发调试和发布。这个工具包括了代码编辑器、模拟器、调试工具等,方便开发者进行开发和调试。 学习微信小程序的过程中,可以参考官方提供的开发文档和示例。微信官方提供了详细的开发文档,包括开发指南、API文档、设计规范等,可以帮助开发者了解微信小程序的各种功能和使用方法。同时,微信小程序的开发社区也很活跃,开发者可以通过参与讨论和交流,获取更多的学习经验和技巧。 另外,可以选择一些相关的教程和视频进行学习。很多开发者和机构针对微信小程序的学习提供了一些教程和视频课程,这些资源可以帮助开发者快速入门和掌握基本的开发技巧。 最后,在学习的过程中要不断实践和练习。通过自己动手进行开发,不仅可以加深对知识的理解,还可以提高自己的实际操作能力。可以尝试开发一些简单的小程序,逐步提升自己的技术水平和项目经验。 总之,学习微信小程序需要具备一定的前端开发基础,通过官方文档、教程和实践来掌握相关知识和技能。只要有兴趣和坚持,相信大家都能够轻松学会wx,开发出自己的微信小程序

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值