How to cancel all requests in axios except the last one?

Question

Vue.js

Good afternoon. There is a vue component for autocompletion. On each click, a query string is sent to the server. Accordingly, a situation arises when there are many requests to the server at the same time, although, in fact, only the last one is needed. How can this be implemented?

Answer 1

You need a debounce

Answer 2

call the method not by keyup or similar events, but by submit, for example

Answer 3

debounce in the lodash package will help you :) https://lodash.com/