fixed #915

梁灏
1 parent 78d8ea4d
Showing 2 changed files with 11 additions and 7 deletions Show diff stats
examples/routers/select.vue
src/components/select/select.vue
@@ -2,7 +2,7 @@
     <Row>
         <i-col span="4">{{model}}</i-col>
         <i-col span="8">
-            <i-select v-model="model" @input="handleInput" multiple filterable remote :remote-method="remoteMethod" :loading="loading" clearable>
+            <i-select v-model="model" @input="handleInput" filterable remote :remote-method="remoteMethod" :loading="loading" clearable>
                 <i-option v-for="option in options" :value="option.value" :key="new Date()">{{option.label}}</i-option>
             </i-select>
         </i-col>
@@ -13,7 +13,7 @@
     export default {
         data () {
             return {
-                model: [],
+                model: '',
                 options: [
  
                 ],
@@ -93,7 +93,10 @@
         },
         mounted () {
             this.list = this.states.map(item => {
-                return { value: item, label: item };
+                return {
+                    value: item,
+                    label: 'L ' + item
+                };
             });
         }
     }
@@ -118,6 +118,7 @@
                 selectedMultiple: [],
                 focusIndex: 0,
                 query: '',
+                lastQuery: '',
                 selectToChangeQuery: false,    // when select an option, set this first and set query, because query is watching, it will emit event
                 inputLength: 20,
                 notFound: false,
@@ -528,10 +529,10 @@
                                     this.query = child.label === undefined ? child.searchLabel : child.label;
                                 }
                             });
-                            // 如果删除了搜索词，下拉列表也情况了，所以强制调用一次remoteMethod
-                            if (this.remote) {
+                            // 如果删除了搜索词，下拉列表也清空了，所以强制调用一次remoteMethod
+                            if (this.remote && this.query !== this.lastQuery) {
                                 this.$nextTick(() => {
-                                    this.query = model;
+                                    this.query = this.lastQuery;
                                 });
                             }
                         } else {
@@ -645,7 +646,7 @@
                             this.findChild((child) => {
                                 if (child.value === value) {
                                     if (this.query !== '') this.selectToChangeQuery = true;
-                                    this.query = child.label === undefined ? child.searchLabel : child.label;
+                                    this.lastQuery = this.query = child.label === undefined ? child.searchLabel : child.label;
                                 }
                             });
                         }