Vue中setTimeout未销毁，如何避免离开当前路由时的问题？

本文共计754个文字，预计阅读时间需要4分钟。

问题：如何避免在页面间跳转时重复创建setTimeout的情况？

分析：当从第一个页面跳转到第二个页面后，如果停留在第二个页面，定时器还在运行。如果在两个页面之间返回，且返回时间小于定时器的间隔时间，就会重复创建setTimeout。

问题：

从第一个页面跳转到第二个页面后,如果停留在第二个页面，定时器还在运行。如果在两个页面之间来回跳转,跳转时间小于定时器的间隔时间时，也会出现重复创建setTimeout的情况。

原因：

当我们刷新页面时，会将当前页面之前创建的setTimeout以及其他定时器都清除掉,但是仅仅是路由切换是不会清除的。