vue中让定时器只在当前组件(页面)运行

vue项目中使用定时器,但切换页面时定时器还在运行。

只需要让定时器在当前页面执行,页面切换时销毁定时器就好了。下面直接上代码:

data: {
    return {
    	timer: null
    }
},
created() {
    this.timer = setInterval(() => {}, 1000);
},
beforeDestroy() {
    if(this.timer) { //如果定时器还在运行,直接关闭,不用判断
        clearInterval(this.timer); //关闭
    };
},

拓展(关于vue3项目安装依赖出现的问题)

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 解决node-sass安装失败
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass

猜你喜欢

转载自blog.csdn.net/weixin_55992854/article/details/121405858