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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐