接口使用分页,上拉加载第二页及后续页面时,h5页面会回滚到顶部 解决 查代码发现,在封装的request组件中,发送请求时展示Toast,请求结束去除Toast,就是这个Toast导致的页面回滚到顶部。 解决方法 暂时时发送请求时判断path是否为列表,是的话不展示Toast。 如果大家有好的方法可以留言奥~~ THE END VUE 0 0 « ...
如果使用异步加载数据并使用了vant中的toast做加载中提示,则有可能会导致列表滚动高度为0,也就是回到了顶部。只要在list加载回调里不使用toast就可以避免这个问题。 可以看到,在请求接口时,默认使用loading效果导致 参考链接:https://www.cnblogs.com/mggahui/p/15080577.html...
滚动条会返回顶部 vant-list分页加载数据的时候，滚动条会返回顶部 如果使⽤异步加载数据并使⽤了vant中的toast做加载中提⽰，则有可能会导致列表滚动⾼度为0，也就是回到了顶部。只要在list加载回调⾥不使⽤toast就可以避免这个问题。可以看到，在请求接⼝时，默认使⽤loading效果导致 ...
最近在写vue2+vant2的移动端项目,其中有个需求是列表分页,就用到了vant2中的van-list,首次进来,正常上拉加载,执行分页load事件,一切正常~ But!!!在最后一页时,这时候finished已经为true,加载完成,如果此时右上角去刷新页面,会无限加载load事件(当时心中一万个马。。。),试过多种方法,都无果!!!(原因是因为v...
vant的van-list会出现一进入,调用了两个获取分页的问题,即加载了2页内容。原因:因为每个item的高度不确定,所以无法计算出具体高度,导致重复调用。解决:固定每个i...
//加载参数 if (res.data.code == 200) { let data = this.institutionData data.push(...res.data.data) that.institutionData = data if (res.data.data.length == 10) { //分页数为10 that.page = that.page + 1; } else { that.finished = ...
//加载参数 if (res.data.code == 200) { let data = this.institutionData data.push(...res.data.data) that.institutionData = data if (res.data.data.length == 10) { //分页数为10 that.page = that.page + 1; } else { that.finished = ...
一、使用keep-alive增加缓存 我没在App.vue里面写keep-alive,因为系统的入口在main.vue,下面时main.vue中的内容 注意:下面代码中的css,.main-container 中设置的高度很关键 <template> <template v-if="isRouterAlive"> <keep-alive> <router-view v-if='$route...
5. vant list懒加载性能优化的建议 分页加载:避免一次性加载过多数据,通过分页的方式逐步加载数据,可以减少初始加载时间。 缓存数据:对于已经加载过的数据,可以进行缓存,避免重复请求。 懒加载图片:如果列表中包含图片,可以使用懒加载技术来延迟加载图片,提高页面加载速度。 减少重绘和回流:在更新列表时,尽量减少 DOM ...
onLoad()方法加载数据时，第一次加载完后(有分页)，设置loading改false才会出发下一次的事件执行 3.初始化数据list时,会默认执行onLoad方法。解决此问题，通过immediate-check属性解决。5.注意下拉刷新数据的处理，以及搜索框输入值再下拉数据的处理。希望此教程可以帮助到你们。❤❤❤