van-pull-refresh和van-list配合使用时出现的问题以及解决方案_van-pull-refresh 冲突

作者：Cpp五条 | 2024-06-17 11:32:30

踩

van-pull-refresh 冲突

van-pull-refresh和van-list配合使用，实现上拉加载，下拉刷新功能

**问题1：**van-list 上拉加载之后，下拉滑动数据时，触发van-pull-refresh的下拉刷新，没有滑动数据到底部，再触发下拉刷新
**解决：**van-pull-refresh 要放到可以固定高度且可以滑动的div中

**问题2：**初始化页面多次加载，导致前面数据被后面数据覆盖，或相同数据重复加载。

在这里插入图片描述

onLoad 的操作是异步的，List的基础用法如下，在网络慢或其他原因导致，onLoad操作完成的时候，还没有获取回来数据，vant根据高度计算，不够就会继续触发onLoad 的操作，导致多次触发（注意：loading状态会被自动修改）

在这里插入图片描述
解决异步问题：

在这里插入图片描述

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