小程序怎么下拉刷新

小程序怎么下拉刷新

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

以上就是小程序怎么下拉刷新的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。