uniapp如何简单实现下拉刷新功能

2024-10-13 17:22:40

1、在pages.json里,找到的当前页面的pages节点,并在style选项中开启enablePullDownRefresh。

uniapp如何简单实现下拉刷新功能

2、在与methods平级的位置使用onPullDownRefresh函数。

uniapp如何简单实现下拉刷新功能

3、在onPullDownRefresh函数中调用请求方法,通过再次调用实现下拉刷新的功能。

uniapp如何简单实现下拉刷新功能

4、该方法自带刷新动画,加载完成后使用uni.stopPullDownRefresh()关闭加载动画。

uniapp如何简单实现下拉刷新功能
猜你喜欢