input 搜索框的防抖處理

// 防抖:前面的所有的觸發都被取消，最后一次執行在規定的時間之后才會觸發，也就是說如果連續快速的觸發·只會執行一次

input 搜索框的防抖處理（1）

  data() {
    return {
      // 延時器的 timerId
      timer: null,
      // 搜索關鍵詞
      kw: '' 
    };
  },
  methods: {
    input(e) {
      // 清除 timer 對應的延時器
      clearTimeout(this.timer);
      // 重新啟動一個延時器，並把 timerId 賦值給 this.timer
      this.timer = setTimeout(() => {
        // 如果 500 毫秒內，沒有觸發新的輸入事件，則為搜索關鍵詞賦值
        this.kw = e.value;
        console.log(this.kw);
      }, 500);
    },
  },

       
  黑馬劉龍賓 nui-app黑馬優購 117集 13分鍾后面有講  

input 搜索框的防抖處理（2）