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）