美文网首页
vue路由跳转后计时器还在执行

vue路由跳转后计时器还在执行

作者: 温梦丽 | 来源:发表于2018-09-03 17:01 被阅读0次
情景描述

在组件a中设置了定时器,当路由跳转加载组件b后,a中的定时器依然在执行。

解决方法:

在组件a的生命周期beforeDestroy(组件销毁前),清除定时器。

    mounted(){
       this.timer=setInterval(this.left,5000);

    },
    beforeDestroy(){
      clearInterval(this.timer);
    },

相关文章

  • vue路由跳转后计时器还在执行

    情景描述 在组件a中设置了定时器,当路由跳转加载组件b后,a中的定时器依然在执行。 解决方法: 在组件a的生命周期...

  • vue 路由跳转的时候 怎么会执行上一个路由的created

    vue 路由跳转的时候 怎么会执行上一个路由的created问题描述:A路由和B路由是兄弟关系,我从A路由跳转到...

  • Vue导航守卫

    Vue导航守卫 理解 导航守卫也叫路由守卫,可以实时的监控路由的跳转过程,在路由的跳转的各个过程执行相应的操作,有...

  • vue-router路由跳转

    vue路由跳转部分的内容

  • vue 粘贴板

    vue3 路由跳转 交互

  • vue-router用法

    vue 路由 路由点击跳转不会页面刷新,可以保留数据 安装vue-router:npm install vue-r...

  • Vue路由

    一、Vue路由基础用法: 二、Vue路由配置的抽出 三、路由动态传值: 四、路由的跳转方式: 五、路由的hash模...

  • 08-vue-router的使用

    主要从路由设置、重定向、路由嵌套、无相关页面、跳转、入参记录一下。 下载安装vue-router,根目录执行npm...

  • vue路由导航守卫

    vue路由导航守卫:导航守卫通俗来说就是utr跳转的监听,当a跳转到b的过程执行的函数 导航守卫的使用方法 首先定...

  • Vue 路由跳转相同路径页面不刷新

    Vue 路由跳转相同路径页面不刷新 vue 同一路由跳转不走生命周期,导致数据不更新不管是动态路由,还是传参 都不...

网友评论

      本文标题:vue路由跳转后计时器还在执行

      本文链接:https://www.haomeiwen.com/subject/ytliwftx.html