美文网首页
vue 项目中如何优雅地使用定时器

vue 项目中如何优雅地使用定时器

作者: 杨同学a | 来源:发表于2020-11-19 15:25 被阅读0次

清除时高效的方法

常规使用

this.timer = (() => {
    // 某些操作
}, 1000)复制代码

//最后在beforeDestroy()生命周期内清除定时器:
beforeDestroy() {
    clearInterval(this.timer);        
    this.timer = null;
}复制代码
const timer = setInterval(() =>{                    
    // 某些定时器操作                
}, 500);            
// 通过$once来监听定时器,在beforeDestroy钩子可以被清除。
this.$once('hook:beforeDestroy', () => {            
    clearInterval(timer);                                    
})复制代码

相关文章

网友评论

      本文标题:vue 项目中如何优雅地使用定时器

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