How to abandon the previous request using axios, in vue

axios the following forms are injected into vue 

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

use it as follows 

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

my current scenario is that there is a filtering feature in which the filter conditions change when the user clicks, and then requests data immediately, but the backend interface is very slow abroad, and when the user clicks quickly, multiple requests are initiated. When these requests respond, the page will appear how many refresh data, which feels very uncomfortable.
so I think the current this.$http.get ("xx") ignores the previous request each time, while other locations, such as this.$http.get (" yy") , are not affected,

.
Axios vue.js
Mar.10,2021

look at axios's cancelToken

the easiest thing to do is to mark

with a variable. 
...
if(this.requesting){
    this.requesting = false;
    this.$http.get('xx').then(()=>{
        this.requesting = true;
        ...
    });
}

Previous: The vue component generates an extra data-v-xxx, when it generates an element. how do I get it?

Next: Two-column layout, the second column width is fixed, I use float second column why not go up?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu