我是靠谱客的博主 寒冷雪碧，最近开发中收集的这篇文章主要介绍使用vant组件中van-tabs、van-pull-refresh和van-list时，切换tabs标签，列表重复加载问题。，觉得挺不错的，现在分享给大家，希望可以做个参考。
概述
问题现象：tabs切换时，如果之前的tab已经滚动到底部，直接点击其他的tab，将再触发一次onload事件。
问题原因：这种情况下，切换tab会导致触发两次请求数据的方法，一次是监听tab切换事件执行的，另一次是由于之前一个tab已经滚动到底部触发的onload事件。
解决措施：设置一个全局变量tabchange，监听到tab切换事件时设置tabchange为true，在onload事件中，只有判断tabchange为false时才请求数据，并且总是设置tabchange为true。
上代码：
//初始化
data(){
tabchange: false
}
//onload加载事件
onLoad(){
var that = this
setTimeout(() => {
if(!that.tabchange){
that.getListData()
}
that.tabchange=false
}, 500);
},
//tab切换事件
changeType(value){
this.tabchang=true
//其他更改
},
最后
以上就是寒冷雪碧为你收集整理的使用vant组件中van-tabs、van-pull-refresh和van-list时，切换tabs标签，列表重复加载问题。的全部内容，希望文章能够帮你解决使用vant组件中van-tabs、van-pull-refresh和van-list时，切换tabs标签，列表重复加载问题。所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复