van-list 重复触发加载的问题通常与数据更新、样式设置或组件属性配置不当有关。以下是一些可能的原因及相应的解决方案: 1. 数据更新方式不当 问题描述: 在加载新数据时,如果直接替换了整个列表数据(如 this.list = newData),而不是在现有数据基础上追加(如 this.list = [...this.list, ...newData]),可能...
2:offset过于高,默认的高度是300,可以降低触发的高度 3.请求的数据过少,请求的数据不足以覆盖页面就会二次加载,可以将参数size调大,保证一次获取可以占满全屏
(原因是因为vann-list页面此时在顶部,并且数据内容没有填充满屏,所以会一直加载。。。) 最后!!!想到了route里有个滚动行为:scroolBehavior,设置为return{x:0,y:0},作用是:当刷新页面时,让页面滚动到顶部 虽然是我自己测试时发现的,但是这个问题也加深了我对vue-route的理解~~ 以此记录下~~~...
出现的原因是因为van-list外层使用flex:1和overflow:auto,去掉flex:1以及overflow:auto,并在setup的onMounted方法中重新请求list数据即可解决。 有异曲同工之处的还有list一直加载的问题,见官网给出的问题: 官网的问题解决中提到了"在html/body上设置overflow后一直触发加载" 如果在 html 和 body 标签上设置了overflow...
场景:前提 :immediate-check="false"1、上拉加载了多条数据2、滚动条停留在快要触发上拉加载的位置上3、刷新页面4、触发load事件
vant3 van-list 下拉刷新下拉加载0 [待解决问题] 浏览: 47次 tab切换 下拉会一直触发请求 已经判断finish=true 还是会触发 anluo小毛虫 | 菜鸟二级 | 园豆:354 提问于:2022-09-19 17:09 < > 人人可用的开源BI工具 分享 所有回答(1) 0 https://www.cnblogs.com/guangzan/p/12244579.html guang...
然后如果一直显示加载中,无法关闭,这时你要在获取数据里面做一个判断,判断数据是否已经全部获取,获取了就给_this.finished = true,即关闭加载。 最后,就是css样式问题,列表元素使用了float需要使用类名vant-clearfix清除float,否则会出现请求被多次触发的问题。
这里有个问题,当loading设置为false时,首次加载的时候会触发2次请求,但是设置为true后,页面又无法向下滚动,这里暂时记一下这个问题。。 重点说一下加载代码 首先在methods中获取列表数据的方法 getList() { getArticlesList({ limit:this.query.pageSize, ...
res.result.records.forEach(item=>{this.checkList.push(item) })//如果数据加载完毕,finished 标志位置为 true,滑到页面底部则不会再触发 nextPage() 方法了。 currentPage 重置为 1if(this.checkList.length >=this.totalSize) {this.finished =truethis.currentPage = 1} } }) } }...