鍍金池/ 問(wèn)答/HTML/ vue中使用axios，如何放棄上請(qǐng)求

vue中使用axios，如何放棄上請(qǐng)求

axios下面形式注入vue中

const asiosInstance = axios.create({
    baseURL: apiUrl,
    timeout: 10000
})
Vue.prototype.$http = asiosInstance

使用時(shí)如下

this.$http.get('xx').then()

我現(xiàn)在的場(chǎng)景是，有一個(gè)篩選功能，用戶點(diǎn)一下，篩選條件就變，然后馬上請(qǐng)求數(shù)據(jù)，但是后臺(tái)接口在國(guó)外，速度很慢，用戶快速點(diǎn)擊時(shí)候，就發(fā)起多個(gè)請(qǐng)求，這些請(qǐng)求響應(yīng)的時(shí)候，頁(yè)面會(huì)出現(xiàn)多刷新數(shù)據(jù)，感覺(jué)非常不爽。
所以我想,當(dāng)前的this.$http.get('xx')，每次請(qǐng)求時(shí)候，都忽略上一次請(qǐng)求，而其他位置如this.$http.get('yy')，不受影響，

回答
編輯回答
卟乖

最簡(jiǎn)單的用個(gè)變量標(biāo)記

...
if(this.requesting){
    this.requesting = false;
    this.$http.get('xx').then(()=>{
        this.requesting = true;
        ...
    });
}
2017年12月4日 17:53
編輯回答
怪痞

看看axios的cancelToken

2018年1月26日 10:51