Vue清除定时器方法

方法1

data() {            return {                              timer: null  // 定时器名称          }
},this.timer = (() => {// 某些操作
}, 1000)
beforeDestroy() {clearInterval(this.timer);        this.timer = null;
}

方法2

const timer = setInterval(() =>{                    // 某些定时器操作
}, 500);
// 通过$once来监听定时器，在beforeDestroy钩子可以被清除。
this.$once('hook:beforeDestroy', () => {            clearInterval(timer);
})
————————————————
版权声明：本文为CSDN博主「Object_name」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_21132509/article/details/83504522

Vue清除定时器方法相关推荐

Vue清除定时器setInterval优化方案
两种方案清除定时器,开发者经常使用方案1,建议使用方案2 方案1 首先我在data函数里面进行定义定时器名称: data() { return { ...
vue 清除定时器失效 clearInterval
最近需要再页面里做个倒计时,发现用clearInterval()清除定时器失效, 解决办法就是挂载到window上 this.timer = window.setInterval(() => { ...
Vue清除定时器优化方案
this.clock = setInterval(()=>{this.nums = this.nums+1console.log(this.nums)},1000)beforeDestroy() ...
JS定时器与清除定时器
在js中我们很多时候都需要用到定时器,有以下两种方法 1.setInterval(函数名,时间间隔) 按照指定的周期(以毫秒计)来调用函数或计算表达式. <!DOCTYPE html> & ...
关于vue中如何清除定时器的方法
一.问题 1.在vue中使用setTimeout定时器的时候,可能会遇到关不掉的情况,会存在明明已经在beforeDestroy和destroyed中设置了定时器清除了,但是有时候没生效,定时器还会继 ...
清除定时器和 vue 中遇到的定时器setTimeout setInterval问题
2019-03更新找到了更简单的方法,以setinterval为例,各位自行参考 mounted() {const that = thisconst timer = setInterval(func ...
VUE设置和清除定时器
方法一.在生命周期函数beforeDestroy中清除 data() {return {timer: null;}; }, created() { // 设置定时器,5s执行一次this.timer ...
vue中定时器一般用法，定时器函数传参以及清除定时器
一.vue中定时器一般用法(举个例子) 显示当前时间, setInterval()方法会每秒执行一次函数,类似手表功能: <template><div class="use ...
vue中如何设置和清除定时器setInterval
data中生明定时器方法里使用和清除定时器

Vue清除定时器方法

方法1

方法2

Vue清除定时器方法相关推荐

最新文章

热门文章