找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

微信小程序的实例:实现下拉刷新数据的代码

作者:模板之家 2018-8-10 16:01 300人关注

本篇文章给大家带来的内容是关于微信小程序的实例:实现下拉刷新数据的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

本篇文章给大家带来的内容是关于微信小程序的实例:实现下拉刷新数据的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

调用系统的API,系统提供了下拉刷新API接口onPullDownRefresh

首先在json配置文件中加上 "enablePullDownRefresh":"true"开启下拉刷新事件,

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

在小程序的js文件中代码如下:

onPullDownRefresh;function(){
     wx.showNavigationBarLoading()//在标题栏中显示加载
     //模拟加载
     setTimeout(function(){
      wx.hideNavigationBarLoading()//完成停止加载
      wx.stopPullDownRefresh()//停止下拉刷新
    },1500);
}

相关文章推荐:

小程序实例:小程序实现折叠菜单的效果(附代码)

小程序组件:聊天会话组件的介绍(附代码)

以上就是微信小程序的实例:实现下拉刷新数据的代码的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: [db:来源]

全部回复(0)

发表评论