vant2 list的进入页面load事件一直触发

397 阅读1分钟

vant2在使用list的load事件的时候,打开页面出现了,页面请求一直不停,直到最后一页,设置将 finished 设置成 true的时候,请求才停止请求

vant2使用list组件,通过 loading 和 finished 两个变量控制加载状态,当组件滚动到底部时,会触发 load 事件并将 loading 设置成 true。此时可以发起异步操作并更新数据,数据更新完毕后,将 loading 设置成 false 即可。若数据已全部加载完毕,则直接将 finished 设置成 true 即可。

一开始没有找到原因,后来才清楚了,官网上的例子是给数组追加,一直是push事件,我是每次直接返回结果赋值给数组,这里不是分页(每次只是展示当前页面的数据就可以了),例如,每次返回10条数据,没有到达页面底端,就会继续触发load事件,页面请求一直都是把请求的结果10条数据赋值给数组,数组就一直是10条数据,就会导致页面一直触发 解决方案,就是把返回的数组追加到数组中,如下截图

image.png