页面定时器清除失败,会多个定时器同时执行

Question

定时器是在mounted中开始执行的,在beforeDestroy中清除的,正常操作都没有问题,但是在快速切换页面的时候,会出现定时器清不掉的情况,好几个定时器会同时调用

Answer 1

那你在destoryed里清除呢，你是把定时器赋值给data里的属性吗？

        getTime() {
            let timer = setTimeout(() => {
                this.time = tools_time.getDate();
                console.log(this.time);
                this.getTime();
            }, 1000);

            this.$once("hook:beforeDestroy", () => {
                clearTimeout(timer);
            });
        },