首页
Preview

vue离开页面销毁定时器

在Vue中,可以在组件的生命周期函数中使用clearIntervalclearTimeout方法来销毁定时器。

例如,在组件的beforeDestroy生命周期函数中,可以使用clearInterval方法来销毁定时器:

export default {
  data() {
    return {
      timer: null
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      console.log('定时器执行')
    }, 1000)
  },
  beforeDestroy() {
    clearInterval(this.timer)
  }
}

在上面的代码中,我们在组件的mounted生命周期函数中创建了一个定时器,并将其保存在组件的timer属性中。然后,在组件的beforeDestroy生命周期函数中,我们使用clearInterval方法来销毁定时器。这样,在组件销毁之前,定时器就会被清除,避免了内存泄漏的问题。

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
炒鸡霸王龙
无喜无悲

评论(0)

添加评论