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

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

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

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

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

mounted() {   this.timer = setInterval(() => {     setTimeout(this.aaa(),0)   }, 10000) },
登录后复制

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

beforeDestroy() {   clearInterval(this.timer) }
登录后复制

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

立即学习前端免费学习笔记(深入)”;

© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容