美文网首页
Vue.js 定时器任务

Vue.js 定时器任务

作者: 壹二叁 | 来源:发表于2018-09-14 12:19 被阅读0次

在页面A中设置一个定时器,打印一个a,然后跳转到B页面,这个定时器还一直在执行,这样是非常耗性能的。
解决思路:
使用Vue的$once这个事件侦听器器在定义完定时器之后的位置来清除定时器
代码:

const timer = setInterval(() =>{                    
    // 某些定时器操作                
}, 500);            
// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})

类似于其他需要在当前页面使用,离开需要销毁的组件(例如一些第三方库的picker组件等等),都可以使用此方式来解决离开后以后在背后运行的问题。

参考来源:掘金社区

相关文章

  • Vue.js 定时器任务

    在页面A中设置一个定时器,打印一个a,然后跳转到B页面,这个定时器还一直在执行,这样是非常耗性能的。解决思路:使用...

  • django使用定时器

    django使用定时器任务

  • 算法 & 数据结构——时间轮定时器

    时间轮定时器 优点:可保证每次执行定时器任务都是O(1)复杂度,在定时器任务密集的情况下,性能优势非常明显。缺点:...

  • java中的定时器

    1、java中普通定时任务 Timer定时器 ScheduledThreadPoolExecutor 定时器 Ti...

  • golang-定时器

    定时器 和 断续器 定时器:延时某些操作任务断续器:设置的好间隔时间,周而复始的执行任务

  • java定时器

    java定时器 什么是Java定时器?Java 定时器就是在给定的间隔时间执行自己的任务; Java实现定时器有以...

  • iOS GCD创建标准定时器,进入后台后任务可继续执行定时

    前言 要开启标准定时器,多线程是必须的。进入后台后定时器任务会继续进行,无需开启后台任务。主要用于与定时器相关的功...

  • 用 Vue.js 做代办事宜列表

    前提条件 Vue.js 介绍 Vue.js 模板语法 Vue.js 组件 概要 类型:实践难度:中等 任务描述 做...

  • 如何在linux创建定时器 --- 2019-08-08

    在Linux使用定时器,其实就是任务调度的使用,依赖crontab,使用这种任务调度的定时器最重要的是要使用正确的...

  • 任务定时器

    import java.util.Date;import java.util.Timer;import java....

网友评论

      本文标题:Vue.js 定时器任务

      本文链接:https://www.haomeiwen.com/subject/hvcogftx.html