vant3 list控件刷新问题

163 阅读1分钟

背景:记录一个vant开发中遇到的小问题

使用vant3中 van-list、van-pull-refresh组成下拉刷新列表,上拉加载更多时,偶尔会遇到下拉后没有唤起van-list的onLoad自动加载方法,该情况会导致偶尔下拉刷新后导致列表白屏问题。

如果在refresh方法中调用获取数据的操作,则存在部分可能重复加载数据,原因是无法预料到什么时候van-list下拉后会主动唤起onLoad方法。

解决办法:

1、在下拉刷新方法refresh中先通过 finished.value = true; 暂时禁止van-list主动加载能力。 2、在下拉刷新方法refresh中主动调用获取数据的操作,在结果返回中根据情况判断列表是否加载完成,即 finished.value = true; 的值。

该方法是目前想到的最好方法,如果哪位大神有更好的方法,请移步评论区