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

why 122 2024-07-24

小程序怎么下拉刷新

小程序怎么下拉刷新

在小程序里,用户顶部下拉刷新是默认禁止的,我们需要把他设置为启用,在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小时内删除侵权内容。

上一篇:小程序同意关联公众号的操作方法详解
下一篇:小程序利用 wxs 计算所获取数据的方法探讨
相关文章

 发表评论

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