小程序怎么下拉刷新(小程序下拉刷新面试题)

网友投稿 692 2022-10-03

小程序怎么下拉刷新(小程序下拉刷新面试题)

小程序怎么下拉刷新(小程序下拉刷新面试题)

程序员必备接口测试调试工具:立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试,同时在线协作,内容实时同步

小程序怎么下拉刷新

在小程序里,用户顶部下拉刷新是默认禁止的,我们需要把他设置为启用,在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教程,欢迎学习!

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:WebRTC 架构及与浏览器,web开发者关系
下一篇:Spring Boot中的微信支付全过程(小程序)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~