在 vue 中每隔 10 秒调用方法，如何离开页面时停止调用
在 Vue 中，可以通过 setInterval 方法实现每隔一段时间调用某个方法。但当用户离开此页面时，需要停止该方法的调用，以避免不必要的资源消耗。
以下是如何使用 setInterval 和 beforeDestroy 生命周期钩子来实现动态方法调用的停止：
setInterval(() => {
setTimeout(() => {
this.aaa();
}, 0);
}, 10000);
// beforeDestroy 生命周期钩子
beforeDestroy() {
// 获取 setInterval 返回的 timer
let timer = this.intervalTimer;
// 停止 setInterval
clearInterval(timer);
}在 setInterval 中，我们将 setInterval 返回的 timer 保存到一个变量中，以便在组件销毁时使用。在 beforeDestroy 生命周期钩子中，我们将该 timer 传给 clearInterval 函数，停止该方法的调用。
以上就是如何在 Vue 中实现每隔 10 秒调用方法，并在离开页面时停止调用？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
368
