在微信小程序中,如何实现下拉刷新(模拟刷新)

Posted skin-blue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在微信小程序中,如何实现下拉刷新(模拟刷新)相关的知识,希望对你有一定的参考价值。

一、在app.json中启动刷新,

在Windows 中,

       添加  "enablePullDownRefresh":"true"

二、在需要刷新的页面中写(若是单个页面),反之,可写入app.js中:

      

 

onPullDownRefresh: function () {
wx.showNavigationBarLoading() //在标题栏中显示加载
setTimeout(function () {
// complete
wx.hideNavigationBarLoading() //完成停止加载
wx.stopPullDownRefresh() //停止下拉刷新
}, 1500);
},

 

结语:此列是模拟下拉刷新页面。若需要实时下拉刷新数据,需获取动态数据。

 

以上是关于在微信小程序中,如何实现下拉刷新(模拟刷新)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序实现下拉刷新

[wx]微信小程序自定义下拉刷新

微信小程序:关于下拉刷新PullDownRefresh

微信小程序实现小程序下拉刷新与上拉加载

微信小程序如何下拉刷新上拉无限推送。

原生的微信小程序有下拉刷新功能,怎么取消下拉刷新?不希望它刷新