如何停止 Vue 页面离开时每隔 10 秒调用的方法？

哈喽！今天心血来潮给大家带来了《如何停止 Vue 页面离开时每隔 10 秒调用的方法？ 》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

如何在离开 Vue 页面时停止每隔 10 秒调用的方法？

当用户离开某个 Vue 页面时，需要停止每隔 10 秒自动调用的方法。以下是实现方法：

在组件中定义一个变量来保存 setInterval 的返回值，如下所示：

mounted() {
  this.timer = setInterval(() => {
    setTimeout(this.aaa(),0)
  }, 10000)
},

在 beforeDestroy 生命周期钩子中销毁 setInterval，如下所示：

beforeDestroy() {
  clearInterval(this.timer)
}

这样，当组件销毁时，该方法将停止调用。

终于介绍完啦！小伙伴们，这篇关于《如何停止 Vue 页面离开时每隔 10 秒调用的方法？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！