1.需求 轮训页面会有个6秒的定时器,有时页面刚加载就跳转定时器不能被清除掉
2.解决方案:
A:不使用 setInterval() 改用 setTimeout()
B:App.vue 定义全局变量 在要使用定时器的A页面获取定时器,A页面跳转的B页面将定时器清除
C:离开A页面的时候将定时器清除,在A页面进入的B页面再次将定时器清除
代码:设置全局变量
在这里插入图片描述
在A页面获取全局变量并赋值,将setInterval() 改用 setTimeout()
在这里插入图片描述
在A页面离开前清除定时器
在这里插入图片描述
在A页面进入的B页面再次清除定时器
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐