Vue 使用setInterval定时器导致前端页面卡死
原因
setinterval
不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死你的网页。
其原因与JS引擎线程有关(需深入研究JS引擎线程) ,但是setTimeout
是自带清除定时器的。
解决方案
mounted() {this.getList();if (this.timer) {clearInterval(this.timer);} else {this.timer = setInterval(() => {setTimeout(this.getList(), 0);// console.log("刷新" + new Date());}, 10000);}this.$once("hook:beforeDestroy", () => {clearInterval(this.timer);});},