在小程序里,用户顶部下拉刷新是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效。
推荐学习:小程序开发
具体实现方法如下:
1、设置一下json文件
"enablePullDownRefresh": true,
登录后复制
2、编写下拉刷新js代码
//下拉刷新onPullDownRefresh:function(){ wx.showNavigationBarLoading() //在标题栏中显示加载 //模拟加载 setTimeout(function() { // complete wx.hideNavigationBarLoading() //完成停止加载 wx.stopPullDownRefresh() //停止下拉刷新 },1500);},
登录后复制
wx.hideNavigationBarLoading() 这两句话是用来控制小菊花的显示和隐藏,这里模拟了一下网络加载,通过setTimeout方法,写一个时间延迟的方法,这个方法可以模拟网络加载所消耗的时间,还有就是当网络加载完成我们要停止下拉刷新wx.stopPullDownRefresh() 。
PHP中文网,大量免费navicat教程,欢迎学习!
以上就是小程序怎么下拉刷新的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/1729317.html