这里面会用到的三个函数:clearInterval()、setInterval()、destroyed()
1、setInterval()
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法:
setInterval(code, milliseconds);
setInterval(function, milliseconds, param1, param2, ...)
以上内容介绍来源于菜鸟教程
2、clearInterval()
clearInterval() 方法可取消由 setInterval() 函数设定的定时执行操作。
clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
用法:
clearInterval(id_of_setinterval)
以上内容介绍来源于菜鸟教程
3、实现如下代码
mounted() {
if (this.timer) {
clearInterval(this.timer)
} else {
this.timer = setInterval(() => {
this.getAll()
}, 20000)
}
},
destroyed() {
clearInterval(this.timer)
},