drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

prevent calling remote method on query reset to selected

Browse source
This commit is contained in:
Sergio Crisostomo 2018-04-12 16:45:09 +02:00
parent 7f63e58ced
commit 45bcc14daa
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/select/select.vue
View file

@ -203,6 +203,7 @@
caretPosition: -1, caretPosition: -1,
lastRemoteQuery: '', lastRemoteQuery: '',
hasExpectedValue: false, hasExpectedValue: false,
preventRemoteCall: false,
}; };
}, },
computed: { computed: {
@ -558,7 +559,8 @@
this.$emit('on-query-change', query); this.$emit('on-query-change', query);
const {remoteMethod, lastRemoteQuery} = this; const {remoteMethod, lastRemoteQuery} = this;
const hasValidQuery = query !== '' && (query !== lastRemoteQuery || !lastRemoteQuery); const hasValidQuery = query !== '' && (query !== lastRemoteQuery || !lastRemoteQuery);
const shouldCallRemoteMethod = remoteMethod && hasValidQuery; const shouldCallRemoteMethod = remoteMethod && hasValidQuery && !this.preventRemoteCall;
this.preventRemoteCall = false; // remove the flag
if (shouldCallRemoteMethod){ if (shouldCallRemoteMethod){
this.focusIndex = -1; this.focusIndex = -1;
@ -586,7 +588,10 @@
const [selectedOption] = this.values; const [selectedOption] = this.values;
if (selectedOption && this.filterable && !this.multiple && !focused){ if (selectedOption && this.filterable && !this.multiple && !focused){
const selectedLabel = selectedOption.label || selectedOption.value; const selectedLabel = selectedOption.label || selectedOption.value;
if (this.query !== selectedLabel) this.query = selectedLabel; if (this.query !== selectedLabel) {
this.preventRemoteCall = true;
this.query = selectedLabel;
}
} }
}, },
focusIndex(index){ focusIndex(index){