Vue之SetTimeout(离开本页面，其他页面还在不停地请求)

1. 前言

vue自动刷新，切换页面还在重复不停地发送请求的问题。

 

2. 问题

settimeout用来调用请求数据，但是我遇到的问题就是，没有用合适的方式去关闭settimeout,出现了离开当前页面，请求还在不断的发送问题，这样给服务器带来了无必要的压力。附上之前的代码：

clearInterval(this.intervalid1)
this.intervalid1 = setTimeout(() => {
  this.fetchShopNotOrderingList()
}, 10000)
LocalStorage.set('intervalid1', this.intervalid1)

存下来需要每个页面去清除，太麻烦了

clearInterval(LocalStorage.get.item('intervalid1'))

 

3. 解决方案

let self=this;
if (self && !self._isDestroyed) {
  this.dispatch = setTimeout(() => {
    self.fetchShopNotOrderingList()
  }, 10000)
}

_isDestroyed这个属性表示的是当前这个组件是否有被销毁，true表示当前的组件已经被销毁。