添加定时器，并在切换页面之后关闭计时器

最新推荐文章于 2024-09-03 16:30:36 发布

加蓓努力我先飞

最新推荐文章于 2024-09-03 16:30:36 发布

阅读量278

点赞数

分类专栏：前端开发 vue 文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/ingenuou_/article/details/131665592

版权

前端开发同时被 2 个专栏收录

93 篇文章 4 订阅

订阅专栏

vue

29 篇文章 4 订阅

订阅专栏

该文章展示了在Vue组件中如何在`mounted`钩子初始化定时器，并在`hook:beforeDestroy`时清理定时器，确保资源释放。通过`setInterval`每300秒执行`queryClick`方法，且在组件销毁后停止计时器。

摘要由CSDN通过智能技术生成

timeInter: null,

 mounted() {
    this.initpage()
    this.$once('hook:beforeDestroy', () => {
      // 再通过事件监听，监听到 组件销毁 后，再执行关闭计时器。
      clearInterval(this.timeInter)
    })
  },
  methods: {
    initpage() {
      this.timeInter = setInterval(() => {
        this.queryClick()
      }, 300000)
    },
 }