
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,重新加载数据。
以上就是关于微信小程序如何下拉刷新上拉无限推送。全部的内容,包括:微信小程序如何下拉刷新上拉无限推送。、小程序下拉刷新后再次刷新必须要先上滑怎么解决、小程序下拉刷新得到数据后,直接自动滑动到请求得到的数据的第一条的地方,而不是在下拉刷新的地方等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)