问题描述:当使用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>