vue定时器

最新推荐文章于 2024-09-06 16:10:32 发布

zmyalh

最新推荐文章于 2024-09-06 16:10:32 发布

阅读量165

点赞数

分类专栏： js定时器文章标签： vue

本文链接：https://blog.csdn.net/zmyalh/article/details/110475063

版权

js定时器专栏收录该内容

1 篇文章 0 订阅

订阅专栏

vue定时器

定时器的设置和关闭以及跳页面的关闭$once

data() {
    return {
         timer:'',//定时器
         time:1000
  }
} ，

methods:{
    timer（）{
          this.timer = setInterval(this.gettime, 1000);
    }，
    gettime（）{
    if(this.time>50){
     this.time=this.time-1;
      //到其他页面后，定时器结束
          this.$once('hook:beforeDestroy', ()=>{
          clearInterval(this.timer)
        })；
      }else if(this.time<50){
         //this.time<50时就可以关闭定时器
           clearInterval(this.timer)
       }
    }
}