微信小程序蕴含着众多功能，本期将简单介绍实现页面下拉刷新的方法，通过阅读本文，读者们可以自行动手操作，在实践中认识微信小程序。

首先，我们需在json配置中写出以下配置：

"enablePullDownRefresh":true

此配置允许小程序做下拉刷新的动作。如果想让程序中全部页面都允许下拉刷新，则可以只在app.json中写。如若想让局部页面实现下拉刷新，则需在要实现此功能的页面的局部页面配置中写出(注意这里的true是布尔型而不是字符)。

紧接着，我们在js中写下：(详解看注释)

//下拉刷新

onPullDownRefresh: function() {

    //显示顶部加载图标

    wx.showNavigationBarLoading(),

    //关闭所有页面，跳转页面

    wx.reLaunch({

        url:'../home/home',//此路径仅为例子

    })

    //消息提示框

    wx.showToast({

        title: ' 努力加载中',

        icon: "loading"

    });

    //模拟加载时间

    setTimeout(function() {

        //停止刷新

        wx.stopPullDownRefresh(),

        //隐藏消息提示框

        wx.hideToast(),

        //隐藏顶部加载图标

        wx.hideNavigationBarLoading()

    }, 1000);

}

至此就完成了微信小程序下拉刷新功能的实现了(以上是模拟下拉刷新的代码，如需做到实时刷新页面数据，则需获取动态数据)。读者们也可以通过阅读官方文档，在下拉刷新中增添一些交互功能，使用户体验更佳。

小程序蕴含着众多功能，若想实现众多复杂的功能，则需多多阅读官方文档，多多上手实践，所谓打铁还需自身硬，过硬的基础可以使我们在开发的过程中游刃有余。

本期小程序知识就到这里，我们下周三再见。

文案｜韦孙豪

排版｜李帝江

审核｜郭芳钦

－长按关注－