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

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

话不多说,直接上干货

第一步:

1.1app全局开启下拉刷新

需要在pages.json文件的globalStyle对象中开启enablePullDownRefresh属性,如图:
uniapp如何下拉刷新?其实简简单单

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

pages.json文件中的pages数组中找到对应的页面,并在对应页面的style属性中开启enablePullDownRefresh,如图:
uniapp如何下拉刷新?其实简简单单
下拉刷新功能开启完后,就可以在指定页面实现特定功能了


第二步

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

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

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

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


//希望能够帮助到大家

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-22
  • 2021-05-02
  • 2021-11-25
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-06-23
  • 2021-10-25
  • 2021-09-02
  • 2022-12-23
  • 2021-05-09
  • 2022-12-23
相关资源
相似解决方案