小程序下拉刷新
1.使用onPullDownRefresh()这个方法来实现下拉刷新
例子如下:
// 下拉刷新
onPullDownRefresh: function () {
wx.showNavigationBarLoading() //在标题栏中显示加载图标
setTimeout(() => {
wx.hideNavigationBarLoading(); //完成停止加载
wx.stopPullDownRefresh(); //得到数据后停止下拉刷新
}, 400)
},
注意事项:需要将要加载的函数在onPullDownRefresh()这个事件方法里面调用。
2.使用wx.stopPullDownRefresh()停止下拉刷新
使用方式需要在你页面调用接口的最后一个方法中执行,就可实现。
3.其中最重要的一步,最容易被忽略的一步,需要在对应页面的json文件中加入enablePullDownRefresh这个属性。
如:文章来源:https://www.toymoban.com/news/detail-609970.html
{
"enablePullDownRefresh":true,
"backgroundTextStyle": "dark"
}
完成以上步骤就可实现下拉刷新。文章来源地址https://www.toymoban.com/news/detail-609970.html
到了这里,关于小程序下拉刷新的实现的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!