A search similar to Wechat has no "search" button, just an input box.
<input @keyup="load_list($event)">
now there is a problem:
enter "ABCD"
to send 4 requests to the background
A
B
C
D
so I added a timer and sent the request 1 second later:
enter "ABCD"
sent four requests to the background
ABCD
I"m going crazy. Is there a good solution?
you need anti-shake (debounce) function
function to shake https://www.lodashjs.com/docs. to learn about
A relatively simple and stable method: introduce lodash .
if you want to control the frequency of function execution after input, use the debounce module in lodash .
reference link
has nothing to do with vue. The keyup event you use is triggered every time you press the key to lift it. You can write a timer, no problem, but use setinterval,var aa = setinterval ();. Set an input time limit, enter within the time limit, clearInterval (aa), and then add setinterval.
input and then set a timer to control the request. If you listen to the keyboard input operation again, cancel the timer. If you do not have a request
then add an OK button at the back, or monitor the enter key, and then search for
with @ input event. Change minimum
write timer is completely achievable. Every time you enter, you have to clear the timer and then start a new timer when the time is up and when it will be triggered. Example:
:let timer = null;
method:{
load_list(){
clearInterval(timer);
timer = setInterval(()=>{
Ajax();
}, 1000)
}
}try one try.
Previous: The @ input event in version 2.4 of vue is different from that in version 2.5.
Next: In this configuration, can the ping package be handled by the ndo_start_xmit function of oai0?
demand is 1: 15 days after the current time is banned, 2: the date range can only be within 7 days. If the start time is the 2nd, the end time cannot be greater than the 8th, and the rest display mouse display is disabled . have you ever done it, ...
We use wepy to develop Mini Program. The development environment and production environment are different domain names. Cut and return the domain names according to the needs of the environment. does not seem to find the relevant configuration in wepy.c...
The page is shown in the figure the question now is: after I click Delete, how can I tell how much id I deleted? HTML Code: <div id="app" class="container"> <table class="table table-hover"> ...
vscode paste will have an extra line of space after it. How to solve this problem? ...
addPermission:function(){ this.$validator.validateAll().then((result) => { if(result){ var finalPath = this.new_path1 + ":" + this.new_path2; console.log(finalPath); underfine } ...
as shown in the figure, the control navigation of this button shrinks. 1. As soon as the page opens (that is, after logging in), this button doesn t work at all. 2. But after the F5 refresh, this button works. 3. So I tested the code locally ...
A created page can be opened for the first time. However, after the input data is submitted, the second time you open input, you will display the previously entered data and I didn t set the yellow background to run out automatically. The projec...
I have not learned webpack, to learn vue scaffolding as soon as I started. I have done projects independently and packing is normal. Do I answer this question in the interview or not? ...
first of all, the interface looks like this : 1.elementUI 2.: - 3.: - Mayabeque 4.Mayabeque according to the normal logic, I deleted the country, and the corresponding province should be deleted automatically. <el-select v-model="coun...
just started contact with Vue and ElementUI, recently encountered problems in the development process and experienced all kinds of painful debug. Let s get to the point: it seems that you can t transfer files here, so I ll just paste the code: <...
read the official document and was really deceived. ...
< div id= test > asdfgh < span class= cancel-btn > < div > how do you get only asdfgh if you want to get it? You can use either jquery or native js. Thank you, guys. Thank you. ...
if it is a global registration, so that I do not have to introduce each page one by one, isn t it very convenient? Why don t so many people recommend global components? ...
...
the official document is as follows: <checklist title="" :options="commonList" v-model="fruitID">< checklist> {{fruitID}} commonList:[ China , Japan , America ] but the actual project data wi...
Why can t you press the regional prompt only by the city prompt ...
A toash component, the time I set is 1800 milliseconds, and a project has N pages using toash. If one day the product asks me to change it to 3000 milliseconds, then I have to change it one by one. Is there a good solution? <toast v-model=&qu...
is doing a tagging module, as follows: my problem: I can choose the same tag the effect I want: the tag cannot choose the same my first thought is to use v-if to determine whether two arrays have the same data, so that they can show and hide, but...
<input type="file" multiple accept="image png,image gif,image jpeg" @change="getFile($event)"> input getFile:function(e){ this.file = e.target.files; }, creation:function(){ console.log(this.file); ...
as shown in the figure: normal status: : this page uses iscroll to roll down. I don t know if it has any effect. Only in Wechat built-in browser (QQ Browser) will appear this problem, other browsers are normal, ask Daniel, how to deal with compati...