vue setInterval启动与停止

最新推荐文章于 2024-06-14 10:56:08 发布

小红的传人

最新推荐文章于 2024-06-14 10:56:08 发布

阅读量5.8k

点赞数 2

分类专栏： js 计时器 vue 文章标签： vue js

本文链接：https://blog.csdn.net/isjier/article/details/119250920

版权

js 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

计时器

1 篇文章 0 订阅

订阅专栏

这篇博客探讨了在 Vue.js 应用中如何使用 setInterval 实现定时任务，并在组件销毁前正确清理以防止内存泄漏。作者展示了在 `mounted` 生命周期钩子中启动定时器，并利用 `$once('hook:beforeDestroy')` 监听器在页面关闭时停止定时器的实践代码。

摘要由CSDN通过智能技术生成

vue setInterval启动与停止

data () {
    return {
      otimer:null,
    }
},
mounted () {
      this.otimer = setInterval(() => {
        //逻辑
      }, 6000);
      this.$once('hook:beforeDestroy', () => {//页面关闭
        console.log('自闭了')
        clearInterval(this.otimer);//停止
      });
  },