2021-09-15

Yupiece

于 2021-09-15 11:56:44 发布

阅读量74

点赞数

文章标签： javascript vue.js html

本文链接：https://blog.csdn.net/Yupiece/article/details/120305724

版权

Vue 生命周期钩子定时器 beforeDestroy 组件销毁

关键词由CSDN通过智能技术生成

vue中处理定时器巧妙用法

应用场景：页面挂载定时器，需要在页面销毁时清除定时器。

实现思路：可以通过`$on`或者`$once`监听页面生命周期销毁

export default {
   mounted() {
      this.creatInterval(hello);
      this.creatInterval(world);
   },
  creatInterval(msg) {
     let timer =  setinterval(() => {
        console.log(msg)
      },1000)
     this.$once( hook:beforeDestroy, function(){
       clearInterval( timer ); 
     })
   }
}