uniapp 与 vue 定时器 注册 与 注销

需求: 一些特定场景需要数据实时加载数据 请求接口
问题 单独的页面使用定时器 跳转到其他页面定时器还在工作 导致页面刷新或下次再进入当前页面又注册了一次定时器 这时候就会有多个定时器一起工作 消耗功效

uniapp的使用

data里面初始化一个定时器参数 
dataTime = null;
dataType = 0;
methods:{ 
   
	onlineGET(){ 
    
	let that = this;
		this.dataTime = setInterval(()=>{ 
   
			if(that.dataType == 1){ 
        //双重保险
				clearInterval(that .dataTime);
				that .dataTime = null;
			}
			console.log('逻辑代码')
		},1000)
	}
}

onshow(){ 
    
	this.dataType = 0;
	if(this.dataTime){ 
        //每次进来初始化一下
		clearInterval(this.dataTime);
		this.dataTime = null;
	};
	this.onlineGET();
}

onUnload(){ 
    //离开页面卸载
	this.dataType = 1;
	if(this.dataTime){ 
        //每次进来初始化一下
		clearInterval(this.dataTime);
		this.dataTime = null;
	};
}

vue

dataTime:null;

methods:{ 
   
	onlineGET(){ 
    
	let that = this;
		this.dataTime = setInterval(()=>{ 
   
			console.log('逻辑代码')
		},1000)
	}
}

created(){ 
        //vue注册页面
	if(this.dataTime){ 
   
		clearInterval(this.dataTime);
	    this.dataTime= '';
	}
	this.onlineGET();
}

destroyed(){ 
      //vue离开当前页面
	clearInterval(this.dataTime);
    this.dataTime= '';
}

今天的文章uniapp 与 vue 定时器 注册 与 注销分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。