uniapp如何下拉刷新?其实简简单单

本文详细介绍了uniapp中实现上拉刷新功能的具体步骤。首先,需在pages.json文件中全局或单个页面启用enablePullDownRefresh。其次,通过在页面中添加onPullDownRefresh生命周期函数监听用户下拉动作,完成特定功能后调用uni.stopPullDownRefresh()终止刷新。

uniapp如何上拉刷新?其实简简单单

不论是微信小程序和app上拉刷新功能都是非常常用的,可以说是每个app的标配。

话不多说,直接上干货

第一步:

1.1app全局开启下拉刷新

需要在pages.json文件的globalStyle对象中开启enablePullDownRefresh属性,如图:
在这里插入图片描述

1.2 app中单个页面开启下拉刷新

pages.json文件中的pages数组中找到对应的页面,并在对应页面的style属性中开启enablePullDownRefresh,如图:
在这里插入图片描述
下拉刷新功能开启完后,就可以在指定页面实现特定功能了


第二步

2.1指定页面添加生命周期函数

使用下拉刷新的时候,肯定得监听用户的下拉动作,所以就得在页面中添加 onPullDownRefresh生命周期函数,然后在onPullDownRefresh生命周期函数中实现特定功能;

2.1用uniapp自带方法终止上拉刷新

特定功能完成后,使用uniapp自带的方法,uni.stopPullDownRefresh(),来终止刷新,否则则一直刷新


//希望能够帮助到大家

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GengMS_DEV

你的鼓励就是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值