vue 定时刷新页面数据

最新推荐文章于 2024-09-25 09:48:05 发布

Jatham

最新推荐文章于 2024-09-25 09:48:05 发布

阅读量1k

点赞数

分类专栏： Big Front

jathams（人勤事事易，人懒事事难）

本文链接：https://blog.csdn.net/Jatham/article/details/115387806

版权

Vue 实时数据定时器生命周期钩子数据刷新

关键词由CSDN通过智能技术生成

Big Front 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

数据实时性要求

系统中很多数据都具有一定的实时性要求，在vue中的实现如下：

mounted () {
    global._this = this
    this.someMethod()
    // this.remoteMethod()
    // 每分钟刷洗数据
    if (this.timer !== null) {
      console.log('clear timer ')
      clearInterval(this.timer)
    } else {
      console.log('set timer')
      this.timer = setInterval(() => {
        this.someMethod()
        console.log('更新列表数据，当前秒：' + new Date().getSeconds())
      }, 10000)
    }
  },
  destroyed () {
    clearInterval(this.timer)
  },