微信小程序下拉刷新上拉加载的两种实现方法-创新互联

这篇文章将为大家详细讲解有关微信小程序下拉刷新上拉加载的两种实现方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

专业领域包括网站设计、成都网站设计、商城网站开发、微信营销、系统平台开发， 与其他网站设计及系统开发公司不同，成都创新互联的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，为客户提供全网互联网整合方案。

微信小程序下拉刷新上拉加载的两种实现方法，

1、利用"onPullDownRefresh"和"onReachBottom"方法实现小程序下拉刷新上拉加载

2、在scroll-view里设定bindscrolltoupper和bindscrolltolower实现微信小程序下拉刷新上拉加载。

1. 利用"onPullDownRefresh"和"onReachBottom"方法

在js文件里直接写"onPullDownRefresh"和"onReachBottom"方法即可；

xml

    
    .........

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

2. 在scroll-view里设定bindscrolltoupper和bindscrolltolower

在scroll-view里设定bindscrolltoupper和bindscrolltolower，然后在js里写好触发事件后对应的方法。[注意，使用这个模式一定要设置scroll-view的高度，100%不知道为什么设置后没效果，建议使用100vh]

xml

    ..........

js

onPullDownRefresh: function() {
    // Do something when pull down.
     console.log('刷新');
 },
 onReachBottom: function() {
    // Do something when page reach bottom.
     console.log('circle 下一页');
 },

关于“微信小程序下拉刷新上拉加载的两种实现方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

分享文章：微信小程序下拉刷新上拉加载的两种实现方法-创新互联
文章出自：http://shouzuofang.com/article/dpsech.html