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