使用 Lodash 去抖动 Vue 组件方法

【问题标题】：Debouncing a Vue Component method with Lodash使用 Lodash 去抖动 Vue 组件方法
【发布时间】：2017-07-08 19:36:59
【问题描述】：

我试图在 Vue 2 方法上使用 Lodash 的 debounce，以便仅在用户停止在输入字段中输入时运行，但我得到了意想不到的结果：

输入字段

<input type="text" v-model='filter.user' placeholder="search" @keyup='dTest'>

方法

 dTest() {
        const d = _.debounce(() => {
            console.log('hi');
        }, 2000);
        d();
    }

但是，每次按键时都会将“hi”记录到控制台，延迟两秒。

谢谢

【问题讨论】：

【解决方案1】：

将dTest 更改为：

dTest = _.debounce(() => {
    console.log('hi');
}, 2000);

使用 dTest，每次运行 dTest 时，您都会创建一个新的去抖动函数。你应该只创建一次这个函数，就像你在上面看到的那样，然后每次都调用那个函数。

【讨论】：