uni-app实现下拉刷新

作者：我家自动化 | 2024-04-14 13:18:48

踩

uni-app实现下拉刷新

1.在滚动容器中加入refresher-enabled属性，表示为开启下拉刷新

2.监听事件，添加refresherrefresh事件

3.在事件监听函数中加载数据

4.关闭动画，添加refresher-triggered属性，在数据请求前开启刷新动画，在数据请求完成后关闭动画。

完整代码如下：

注意：如果不用await直接调接口，会导致数据加载顺序不确定，可能数据还没返回完就已经关闭动画。如果三个接口都加上await，则会等待第一个接口返回后再执行第二个接口，以此类推，延长了数据加载时间。

最优方案：用Promise.all()方法同时加载三个接口，配合async await，这样可以保证三个接口都返回后再执行下一步操作。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/422321