vue 定时刷新页面数据

最新推荐文章于 2024-07-28 17:12:32 发布

Jatham

最新推荐文章于 2024-07-28 17:12:32 发布

阅读量997

点赞数

分类专栏： Big Front 文章标签： vue 定时任务

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

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

版权

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)
  },