el-input防抖实现

标签部分

<el-input style="width:200px;" placeholder="请输入" v-model="searchInput" clearable />

data部分略…

监听器部分

watch: {
    'searchInput': {
      deep: true,
      handler(newVal, oldVal) {
        this.debounce(this.getUpList, 500);
      }
    }
  },

methods方法部分

    debounce(fn, wait) {
      if (this.timer !== null) {
        clearTimeout(this.timer)
      }
      this.timer = setTimeout(fn, wait);
    },
    getUpList() {
      console.log(this.searchInput);
      // 请求...
      
    },