猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript >
微信小程序下拉刷新上拉加载的两种实现方法,1、利用"onPullDownRefresh"和"onReachBottom"方法实现小程序下拉刷新上拉加载,2、在scroll-view里设定bindscrolltoupper和bindscrolltolower实现微信小程序
微信小程序下拉刷新上拉加载的两种实现方法,1、利用"onPullDownRefresh"和"onReachBottom"方法实现小程序下拉刷新上拉加载,2、在scroll-view里设定bindscrolltoupper和bindscrolltolower实现微信小程序下拉刷新上拉加载。
 利用"onPullDownRefresh"和"onReachBottom"方法
在js文件里直接写"onPullDownRefresh"和"onReachBottom"方法即可;
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107
xml
<scroll-view scroll-y = true > ......... </scroll-view>
js
onPullDownRefresh: function() { // Do something when pull down. console.log('刷新'); }, onReachBottom: function() { // Do something when page reach bottom. console.log('circle 下一页'); },
 在scroll-view里设定bindscrolltoupper和bindscrolltolower
在scroll-view里设定bindscrolltoupper和bindscrolltolower,然后在js里写好触发事件后对应的方法。[注意,使用这个模式一定要设置scroll-view的高度,100%不知道为什么设置后没效果,建议使用100vh]
文档地址:https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161107
xml
<scroll-view scroll-y = true bindscrolltolower="loadMore" bindscrolltoupper="refesh"> .......... </scroll-view>
js
onPullDownRefresh: function() { // Do something when pull down. console.log('刷新'); }, onReachBottom: function() { // Do something when page reach bottom. console.log('circle 下一页'); },

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论