下拉刷新和上拉加载是业务上一个很常见的需求，在微信小程序里，提供了下拉刷新的方法onPullDownRefresh。最近在开发一个微信小程序项目，里面用到了下拉刷新重新加载数据的功能。做完后做了下总结。使用的是uni-app开发的，所以就以uni-app为例。开启下拉刷新1、全局开启下拉刷新在pages.json的页面中“globalStyle”对象里面做全局配置：“enablePullDownRefresh”:true2、局部开启下拉刷新在pages.json的页面中“pages”中的“style”对象里面做配置：“enablePullDownRefresh”:true在实际开发中，推荐使用

小程序中写了onPullDownRefresh方法之后不生效可能有以下几种方面的原因：没有配置enablePullDownRefresh需要在对应页面的json文件中设置enablePullDownRefresh为true：{"enablePullDownRefresh":true}方法覆盖小程序新建页面的时候会自动生成onPullDownRefresh方法，如果不生效可以检查下方法是否被覆盖了。onPullDownRefresh:function(){//yourcode},.../***页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh:function(){}

小程序中写了onPullDownRefresh方法之后不生效可能有以下几种方面的原因：没有配置enablePullDownRefresh需要在对应页面的json文件中设置enablePullDownRefresh为true：{"enablePullDownRefresh":true}方法覆盖小程序新建页面的时候会自动生成onPullDownRefresh方法，如果不生效可以检查下方法是否被覆盖了。onPullDownRefresh:function(){//yourcode},.../***页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh:function(){}

1.上拉加载打开项目根目录中的 pages.json 配置文件，为 subPackages 分包中的 goods_list 页面配置上拉触底的距离，在对应path下添加  "onReachBottomDistance":触发触底函数的距离"path":"goods_list/goods_list","style":{"onReachBottomDistance":150,"backgroundColor":"#F8F8F8"}在 goods_list 页面中，和 methods 节点平级，声明 onReachBottom 事件处理函数，用来监听页面的上拉触底行为：//触底的事件onReachB

1.上拉加载打开项目根目录中的 pages.json 配置文件，为 subPackages 分包中的 goods_list 页面配置上拉触底的距离，在对应path下添加  "onReachBottomDistance":触发触底函数的距离"path":"goods_list/goods_list","style":{"onReachBottomDistance":150,"backgroundColor":"#F8F8F8"}在 goods_list 页面中，和 methods 节点平级，声明 onReachBottom 事件处理函数，用来监听页面的上拉触底行为：//触底的事件onReachB