微信小程序列表下拉刷新上拉加载实例代码

微信小程序列表下拉刷新上拉加载实例代码
​本文主要和大分享微信小程序实现列表下拉刷新上拉加载，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

本文主要和大分享微信小程序实现列表下拉刷新上拉加载，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

DEMO下载

效果图

原理

利用微信小程序的onPullDownRefresh函数（下拉刷新监听函数）和onReachBottom函数（上拉加载监听函数）监听页面的下拉和上拉动态，从而对页面数据进行修改！

页面配置JSON

enablePullDownRefresh：开启下拉刷新；

onReachBottomDistance：页面上拉触底事件触发时距页面底部距离，单位为px。

{ "enablePullDownRefresh": true, "onReachBottomDistance": 50}