微信小程序如何下拉刷新上拉无限推送。

微信小程序如何下拉刷新上拉无限推送。,第1张

1下拉刷新,在滑动到顶部时,bindscrolltoupper被调用,根据自己的业务逻辑请求即可我的demo只是随机换了个关键字

2上拉加载,在滑动到底部时,bindscrolltolower被调用,我这里是页数加一,根据自己的业务逻辑修改,然后将获取到的集合添加到scroll-view的数据集合里即可

你应该在下拉刷新完毕后就执行一次停止下拉的 *** 作。下面是个下拉后到后台获取数据的例子:

onPullDownRefresh: function () {   //监听用户下拉动作

    wxrequest({

        url: '后台网址',

        success: res => {

            //对后台返回数据的处理,此略

        },

        complete() { //务必使用complete事件,即不管刷新是否成功都要停止下拉动作

            wxstopPullDownRefresh()   //强制停止下拉动作

        }

    })

}

从人性化角度考虑,这种刷新后跳到开头的行为是符合大多数人的习惯的。如果你一定要回到刷新时的原位置,可以先利用Page的onPageScroll事件记录当前屏幕的scrollTop数值,在刷新完毕后再利用wxpageScrollTo方法返回所记录的位置。

下拉刷新需要在indexjson中添加属性:

Indexjs

可以看到,我们增加了一个onPullDownRefresh函数并在里面调用了getArticleList去请求第一页的数据,并且页面显示数据的数组清空, 页码设置成1,重新加载数据。

以上就是关于微信小程序如何下拉刷新上拉无限推送。全部的内容,包括:微信小程序如何下拉刷新上拉无限推送。、小程序下拉刷新后再次刷新必须要先上滑怎么解决、小程序下拉刷新得到数据后,直接自动滑动到请求得到的数据的第一条的地方,而不是在下拉刷新的地方等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/zz/9475627.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存