问题描述:当使用refesh下拉操作时,vanlist组件会多次调用(大概三次)!
解决方案:
1、接口错误的时候,大量重复请求。
可能接口错误时vant3内部某些变量没重置,导致一直重复请求,解决方法是接口返回不成功finished设置成true
2、设置属性offset的值为50或以上!提高list触底时机,防止onload事件多次触发!
vant-list API:
代码示例:
<van-pull-refresh v-model="loading" @refresh="onRefresh">
<van-list
:offset="50" /*关键代码*/
v-model:loading="loading"
:finished="finished"
finished-text="没有更多了"
@load="onLoad"
>
<van-cell v-for="item in list" :key="item" :title="item" />
</van-list>
</van-pull-refresh>