做項(xiàng)目的時(shí)候經(jīng)常會(huì)遇到這樣的一個(gè)功能，頭部有一個(gè)tab，點(diǎn)擊每個(gè)tab 的時(shí)候會(huì)顯示對(duì)應(yīng)的內(nèi)容，但是當(dāng)網(wǎng)絡(luò)不好，或者是瘋狂點(diǎn)擊的時(shí)候，每個(gè)tab的內(nèi)容很有可能會(huì)造成重疊或者內(nèi)容重復(fù)。以下有2種解決方案

方案1：
每次點(diǎn)擊一個(gè)tab的時(shí)候， 整個(gè)頁面出現(xiàn)一個(gè)菊花和一個(gè)遮罩，不能做其他操作，直到數(shù)據(jù)請(qǐng)求結(jié)束（你也可以做一個(gè)超時(shí)時(shí)間）這時(shí)候，就不出出現(xiàn)以上情況，但是，用戶體驗(yàn)不太好。

方案2 使用 abort（）方法
在第2個(gè)請(qǐng)求來的時(shí)候，把前一個(gè)請(qǐng)求取消。我用的是vue-resource，請(qǐng)看代碼
{
  // GET /someUrl
  this.$http.get('/someUrl', {

    // use before callback
    before(request) {

      // abort previous request, if exists
      if (this.previousRequest) {
        this.previousRequest.abort();
      }

      // set previous request on Vue instance
      this.previousRequest = request;
    }

  }).then(response => {
    // success callback
  }, response => {
    // error callback
  });
}