### [微信小程序的实例：实现下拉刷新数据的代码](https://www.prosaas.cn/article/17159)

**Published:** 2018-08-10T08:01:05

**Author:** 5201314

**Excerpt:** 本篇文章给大家带来的内容是关于微信小程序的实例：实现下拉刷新数据的代码，有一定的参考价值，有需要的朋友可以参考…

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

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

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

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

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

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

 相关文章推荐：

小程序实例：小程序实现折叠菜单的效果（附代码）

 小程序组件：聊天会话组件的介绍（附代码）

以上就是微信小程序的实例：实现下拉刷新数据的代码的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** JS, json, 事件, 微信小程序, 接口

**Categories:** 后端开发

---