vue模板里面的定时器问题
前言
有些时候我们在使用vue模板时,不免会使用定时器来定时请求后台获取数据,但是在获取数据的时候,定时器就像踩不住刹车的小车,飘起来了。
提示:以下是本篇文章正文内容,下面案例可供参考
一、定时器是什么?
定时请求后台数据的一种方式。
二、使用步骤
1.使用过程
你的页面组件属于:
<transition name="move" mode="out-in">
<keep-alive :include="tagsList">
<router-view></router-view>
</keep-alive>
</transition>
2.读入数据
代码如下(示例):
//在标签列表中使用定时器
activated() {
this.timer = setInterval(() => {
this.getData();
}, 1000);
},
//在标签列表中停止定时器
deactivated() {
clearInterval(this.timer);
this.timer = null;
},
activated是开始使用定时器;deactivated是停止定时器。
总结
vue定时器问题出现的情况。