微信小程序中实现下拉刷新数据实例代码呈现

why 142 2024-08-07

本篇文章给大家带来的内容是关于微信小程序的实例:实现下拉刷新数据的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

微信小程序中实现下拉刷新数据的实例代码呈现

调用系统的api,系统提供了下拉刷新api接口onpulldownrefresh

首先在json配置文件中加上  "enablePullDownRefresh":"true"开启下拉刷新事件,

当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

在小程序的js文件中代码如下:

1

2

3

4

5

6

7

8

onPullDownRefresh;function(){

     wx.showNavigationBarLoading()//在标题栏中显示加载

     //模拟加载

     setTimeout(function(){

      wx.hideNavigationBarLoading()//完成停止加载

      wx.stopPullDownRefresh()//停止下拉刷新

    },1500);

}

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

上一篇:微信小程序中实现批量倒计时的实例及代码展示
下一篇:小程序中实现折叠菜单效果的实例代码展示
相关文章

 发表评论

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