vue setInterval启动与停止

最新推荐文章于 2025-03-20 11:05:02 发布

原创最新推荐文章于 2025-03-20 11:05:02 发布 · 6.1k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

3 篇文章 0 人学习

订阅专栏查看详情

vue

当前文章被收录于：

vue

2 篇文章 0 人学习

订阅专栏查看详情

计时器

当前文章被收录于：

计时器

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

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

vue setInterval启动与停止

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