vant 解决上拉加载事件onload执行多次的问题

问题描述

列表滚动了到了第3页(超出屏幕了)，此时点击右上角的搜索按钮，就会出现接口请求两次的问题。以我的这篇文章为例vant 上拉加载/下拉刷新(van-list、van-pull-refresh) 知识点，也遇到了类似的问题。

image.png

解决办法:搜索按钮点击的时候，先让页面滚动到顶部。

topSearchFunc() {
  document.documentElement.scrollTop=0;// 滚动到顶部
}

举一反三，对于那种已经加载N页的数据，如果突然要加载第一页的数据话，都会出现这种问题。例如对于多个tabs下的列表数据，第一个tab页面已经加载了5页的数据，然后切换到第二个tab时，要加载第1页的数据，就会出现该问题。