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