vue做一个搜索，每次按下键盘都会请求一次？

Question

一个类似微信的搜索，没有“搜索”按钮，就一个input框。

<input @keyup="load_list($event)">

现在一个问题：
输入“ABCD”
向后台发送了4次请求
A一次
B一次
C一次
D一次

于是我加了定时器，1秒后发送请求：
输入“ABCD”
向后台发送了4次请求
ABCD一次
ABCD一次
ABCD一次
ABCD一次

我要疯了，有好的解决方法么？

Answer 1

写定时器是完全可以实现的 每次输入的时候都要先清除定时器 然后再新开一个定时器 什么时候时间到了 什么时候才会触发。example:

全局：let timer = null;
method:{
    load_list(){
        clearInterval(timer);
        timer = setInterval(()=>{
            Ajax();
        }, 1000)
    }
}

try one try.

Answer 2

你需要防抖（debounce）函数

Answer 3

函数去抖 https://www.lodashjs.com/docs... 了解一下

Answer 4

比较简单稳定的方法：引入 lodash。
如果想控制输入后函数执行的频率，使用 lodash 中的 debounce 模块。
参考链接

Answer 5

跟vue没关系，你用的keyup事件，就是每次按键了抬起就触发一次,你可以写个定时器，没问题，但是要用setinterval，var aa = setinterval(); 设置一个输入时限，入过在时限内，就clearInterval（aa）,然后再加setinterval.

Answer 6

输入之后设置个定时器来控制请求，如果又监听到键盘的输入操作，取消定时器，如果没有就请求

Answer 7

那就在后面加一个确定按钮，或者监听回车键，再搜索

Answer 8

用@input事件即可。改动最小

Answer 9

• 推荐@input事件
• 首先你要搞清楚你搜索的规则（字符串length..）达到这个规则再进行请求