解决vue组件销毁之后计时器继续执行的问题
网络编程 2021-07-04 14:06www.168986.cn编程入门
这篇文章主要介绍了解决vue组件销毁之后计时器继续执行的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
直接上代码,以下
window.setTimeout(function(){ if(this && !this._isDestroyed){ //_isDestroyed 组件是否被销毁 return; } window.location.href = "/serverMonitor?t="+ new Date().getTime(); },5000)
很粗暴的方法,在执行之前看是否被销毁就行,
第二种方法,调用路由组件内的钩子函数beforeRouteLeave
beforeRouteLeave(to,from,next){ clearTimeout(window.timer); next(); }
补充知识:vue销毁时事件,created和mounted&&activated的区别
我就废话不多说了,大家还是直接看代码吧~
// 关闭当前页面就会销毁监听事件(checkpay) destroyed() { clearInterval(this.checkpay) } created()在创建vue对象时,在html渲染之前就触发;但是注意created()只会触发一次; mounted()在html渲染完成之后才会执行的; activated()进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等
以上这篇解决vue组件销毁之后计时器继续执行的问题就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程