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

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

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

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

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

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

beforeDestroy() {   clearInterval(this.timer) }

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

立即学习“前端免费学习笔记（深入）”；