vue中beforeDestroy销毁定时器不生效

最新推荐文章于 2024-05-18 15:56:08 发布

niesiyuan000

最新推荐文章于 2024-05-18 15:56:08 发布

阅读量1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/niesiyuan000/article/details/131635214

版权


  data() {
    return {
      nowPageTime: 0,       //当前页面时间，用于计时
    };
  },  
  created() {
    this.timeRefresh();     
  },
  methods: {
    timeRefresh(){
        let timeRefName = setInterval((res) => {
          this.nowPageTime += 1
          if(this.nowPageTime == 1800){       //若计时半小时了
            this.$router.go(0);
          }
        },1000)
        // 通过 $once 来监听定时器，在 beforeDestroy 钩子可以被清除。
        this.$once('hook:beforeDestroy', () => {            
          clearInterval(timeRefName);   
          timeRefName = null;
        })
    },
  }