Vue.js에서 @keyup 핸들러를 지연시키는 방법

Vue.js에서 @keyup 핸들러를 지연시키는 방법

나의 견해:

ns-input#filterName(type="text", v-model="filterName", @keyup="searchTimeOut()")

내 vue 코드에서:

getUsers() {
   .
   .
   .
   API.users.index(params).then(blabla);
   .
   .
   .
},

searchTimeOut() {
  let timeout = null;
  clearTimeout(timeout);
  // Make a new timeout set to go off in 800ms
  timeout = setTimeout(() => {
    this.getUsers();
    console.log("hi")
  }, 800);
},

전화하고 싶다getUsers()타이핑을 멈추고 800밀리초 후에 딱 한 번.지금 당장 전화할게getUsers()내가 편지를 쓸 때마다.

당신이 떨어뜨리다this.timer값을 지정한 후 값을 지웁니다.대신 다음을 수행합니다.

searchTimeOut() {  
    if (this.timer) {
        clearTimeout(this.timer);
        this.timer = null;
    }
    this.timer = setTimeout(() => {
        // your code
    }, 800);
}

언급URL : https://stackoverflow.com/questions/49711449/how-to-delay-keyup-handler-in-vue-js