首页 > 技术文章 > vue定时器的创建和销毁

Zhang-jin 2020-09-03 17:41 原文

学习:https://blog.csdn.net/qq_37600506/article/details/105208307

正常定时器创建与关闭的思路

  1、实例中定义定时器的名字

  2、页面初始化的时候创建定时器

  3、离开页面(beforeDestroy)的时候销毁定时器

  但是这个方法存在问题,使用全局变量没必要,有时无法成功清除定时器。

 

因此可以使用this.$once()中关闭定时器。

创建定时器的时候直接就可以销毁程序,在离开页面的时候自动执行定时器销毁。

this.$once('hook:beforeDestroy', () => {
    clearTimeout(this.refrash_set)
    this.refrash_set = null
})

 

推荐阅读