有关小程序下拉刷新的操作方式介绍

why 480 2025-05-18 08:00:01

小程序怎么下拉刷新

小程序怎么下拉刷新

在小程序里,用户顶部下拉刷新是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效。

具体实现方法如下:

1、设置一下json文件

1

"enablePullDownRefresh": true,

2、编写下拉刷新js代码

1

2

3

4

5

6

7

8

9

10

11

12

//下拉刷新

onPullDownRefresh:function()

{

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

    //模拟加载

    setTimeout(function()

    {

        // complete

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

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

    },1500);

},

wx.hideNavigationBarLoading() 这两句话是用来控制小菊花的显示和隐藏,这里模拟了一下网络加载,通过setTimeout方法,写一个时间延迟的方法,这个方法可以模拟网络加载所消耗的时间,还有就是当网络加载完成我们要停止下拉刷新wx.stopPullDownRefresh() 。


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

上一篇:百亿资金追逐获客宝小程序,年底日活有望达到4亿
下一篇:微信小程序中关于分享给个人或分享到群的判断代码实例
相关文章