bug fixed #4441

examples/routers/auto-complete.vue

@@ -1,6 +1,15 @@
 <template>
     <div style="margin: 100px;width: 200px;">
-        <AutoComplete placement="top" transfer v-model="value" icon="ios-search" :data="data" @on-search="handleSearch" @on-change="hc" :filter-method="fm">
+        <AutoComplete
+            placement="top"
+            transfer
+            v-model="value"
+            icon="ios-search"
+            :data="data"
+            @on-search="onHandleSearch"
+            @on-change="onChange"
+            @on-select="onSelect"
+        >
             <!--<Option v-for="item in data" :value="item" :label="item" :key="item">-->
             <!--<span style="color: red">{{ item }}</span>-->
             <!--</Option>-->
@@ -8,29 +17,31 @@
     </div>
 </template>
 <script>
-
     export default {
-        props: {
+        props: {},
-
-        },
         data () {
             return {
-                value: '',
+                value: "",
-                data: [],
+                source: ["1", "2", "3", "11", "12", "13"],
-//                data: ['Burns Bay Road', 'Downing Street', 'Wall Street']
+                data: []
             };
         },
         computed: {},
         methods: {
-            handleSearch (value) {
+            onHandleSearch (value) {
-                this.data = !value ? [] : [
+                let result = [];
-                    value + '@qq.com',
+                for (let val of this.source) {
-                    value + '@sina.com',
+                    if (val.includes(value)) {
-                    value + '@163.com'
+                        result.push(val);
-                ]
+                    }
+                }
+                this.data = result;
             },
-            hc (v) {
+            onSelect (e) {
-//                console.log(v)
+                console.log('onSelect', e);
+            },
+            onChange (v) {
+                console.log("onChange", v);
             },
             fm (value, item) {
                 return item.toUpperCase().indexOf(value.toUpperCase()) !== -1;

src/components/auto-complete/auto-complete.vue

@@ -13,7 +13,7 @@
         remote
         auto-complete
         :remote-method="remoteMethod"
-        @on-change="handleChange"
+        @on-select="handleSelect"
         @on-clickoutside="handleClickOutside"
         :transfer="transfer">
         <slot name="input">
@@ -152,9 +152,10 @@
             remoteMethod (query) {
                 this.$emit('on-search', query);
             },
-            handleChange (val) {
+            handleSelect (val) {
                 if (val === undefined || val === null) return;
                 this.currentValue = val;
+
                 this.$refs.input.blur();
                 this.$emit('on-select', val);
             },

src/components/select/select.vue

@@ -661,6 +661,7 @@
                     if (!this.autoComplete) this.$nextTick(() => inputField.focus());
                 }
                 this.broadcast('Drop', 'on-update-popper');
+                this.$emit('on-select', this.publicValue); // # 4441
                 setTimeout(() => {
                     this.filterQueryChange = false;
                 }, ANIMATION_TIMEOUT);