Select: debounce query

ElemeFE · Jul 31, 2018 · a27d9a7 · a27d9a7
1 parent 2bb9fd6
commit a27d9a7
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue
@@ -62,8 +62,7 @@
         @compositionupdate="handleComposition"
         @compositionend="handleComposition"
         v-model="query"
-        @input="e => handleQueryChange(e.target.value)"
-        :debounce="remote ? 300 : 0"
+        @input="debouncedQueryChange"
         v-if="filterable"
         :style="{ width: inputLength + 'px', 'max-width': inputWidth - 42 + 'px' }"
         ref="input">
@@ -849,6 +848,10 @@
         this.onInputChange();
       });
 
+      this.debouncedQueryChange = debounce(this.debounce, (e) => {
+        this.handleQueryChange(e.target.value);
+      });
+
       this.$on('handleOptionClick', this.handleOptionSelect);
       this.$on('setSelected', this.setSelected);
     },