vue 定时刷新页面数据

数据实时性要求

系统中很多数据都具有一定的实时性要求,在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)
  },

你可能感兴趣的:(Big,Front,vue,定时任务)