vue 访问后台接口（vue轮询请求解决方案的完整实例）

// 轮询方法
    polling (page) {
      this.getWorks(page).then(res => {
        this.pollingST = setTimeout(() => {
          clearTimeout(this.pollingST)
          this.polling(page)
        }, 10000)
      })
    }

<script>
export default {
  data () {
    return {
      pollingST: null
    }
  },
  methods: {
    // 分页change事件
    pageChange (params) {
      // 清除现有定时器
      clearTimeout(this.pollingST)
      // 调用轮询
      this.polling(params)
    },
    // 请求接口方法
    getWorks () {
      return new Promise(resolve => resolve({}))
    },
    // 轮询方法
    polling (params) {
      this.getWorks(params).then(res => {
        this.pollingST = setTimeout(() => {
          clearTimeout(this.pollingST)
          this.polling(params)
        }, 10000)
      })
    }
  },
  created () {
    // 调用轮询
    this.polling({ page: 1, pageSize: 5 })
  },
  destroyed () {
    clearTimeout(this.pollingST)
  }
}
</script>