Lodash를 사용한 Vue Component 메서드 디버깅

Lodash를 사용한 Vue Component 메서드 디버깅

Lodash의 것을 사용하려고 합니다.debounceVue 2 메서드에서 사용자가 입력 필드에 입력을 중지한 경우에만 실행되도록 설정했지만 예기치 않은 결과가 나타납니다.

입력 필드

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

방법

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

그러나 키를 누를 때마다 콘솔에 'hi'가 2초 지연되고 있습니다.

고마워요.

바꾸다dTest대상:

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

dTest에서는 dTest가 실행될 때마다 새로운 디바운스 함수를 만듭니다.이 함수는 위와 같이 한 번만 만들고 매번 호출해야 합니다.

언급URL : https://stackoverflow.com/questions/42329061/debouncing-a-vue-component-method-with-lodash