From 7f2510f0f104fac7f064aa12acc622b0f8d2a719 Mon Sep 17 00:00:00 2001 From: hetech Date: Thu, 2 Aug 2018 19:28:41 +0800 Subject: [PATCH] Select: debounce query (#12181) --- packages/select/src/select.vue | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/select/src/select.vue b/packages/select/src/select.vue index 3b38b64a7..184de5d6d 100644 --- 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); },