微信小程序之下拉刷新功能
首先,需要在.json文件中设置”enablePullDownRefresh”: true,就是启用页面的下拉刷新功能,如果你想在项目中的所有页面中都设置,那么在app.json中放入这句代码即可。
设置好了.json文件后,接下来是.js文件,需要添加一个 onPullDownRefresh事件监听页面下拉,即添加如下代码:
//下拉刷新
onPullDownRefresh: function () {
var page=getCurrentPages().pop();//得到这个页面对象
page.onLoad();//调用页面的onLoad()方法进行刷新页面
wx.stopPullDownRefresh() //刷新成功后停止下拉刷新
},
如果你下拉刷新时看不到刷新动画,因为你的背景是白色,而刷新的动画也是白色的,所以你需要在app.json中的window下修改你的背景颜色,这个是设置整个系统的背景颜色。
这样,整个刷新功能就算实现了~
还没有评论,来说两句吧...