原文:vue组件 销毁定时器问题

我在a页面写一个定时,让他每秒钟打印一个 ,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示: 解决方法 : 首先我在data函数里面进行定义定时器名称: data return timer: null 定时器名称 , 然后这样使用定时器: this.timer gt 某些操作 , 最后在beforeDestroy 生命周期内清除定时器: beforeDestr ...

2020-03-25 21:25 0 935 推荐指数:

查看详情

vue组件定时器销毁问题

我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示: 解决方法1: 首先我在data函数里面进行定义定时器名称: data ...

Mon Jul 09 18:29:00 CST 2018 3 28272
vue组件定时器销毁问题

解决方案1: 最后在beforeDestroy()生命周期内清除定时器: 方案1有两点不好的地方: 它需要在这个组件实例中保存这个 timer,如果可以的话最好只有生命周期钩子可以访问到它。这并不算严重的问题,但是它可以被视为杂物 ...

Wed Feb 06 21:58:00 CST 2019 0 1434
Vue中在组件销毁时清除定时器(setInterval)

https://www.cnblogs.com/web-chuanfa/p/10857007.html Vue中在组件销毁时清除定时器(setInterval) 在mounted中创建并执行定时器,然后在beforeDestroy或者destroyed中清除定时器 ...

Tue Jan 14 01:28:00 CST 2020 0 3258
vue离开页面销毁定时器

beforeDestroy() { if(this.timer) {     clearInterval(this.timer); //关闭    } //利用vue的生命周期函数 vue 是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时 ...

Sat Dec 01 01:34:00 CST 2018 0 6686
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM