fix select

src/components/select/functional-options.vue

@@ -18,11 +18,17 @@
             },
         },
         functional: true,
-        render(h, {props, parent}){
+        render(h, {props, parent}) {
-            // to detect changes in the $slot children/options we do this hack
+            // In order to response data changes,i do this hack. #4372
-            // so we can trigger the parents computed properties and have everything reactive
+            if(props.slotOptions.length > 0) {
-            // although $slot.default is not
+                for(let i in props.slotOptions) {
-            if (props.slotOptions !== parent.$slots.default) props.slotUpdateHook();
+                    if(props.slotOptions[i].key !== parent.$slots.default[i].key) {
+                        props.slotUpdateHook();
+                        break;
+                    }
+                }
+            }
+            if(props.slotOptions && parent.$slots.default && props.slotOptions.length !== parent.$slots.default.length) props.slotUpdateHook();
             return props.options;
         }
     };

src/components/select/select.vue

@@ -635,6 +635,9 @@
             },
             updateSlotOptions(){
                 this.slotOptions = this.$slots.default;
+                // #4372 issue, i find that this.query's value affects the judgment of the validateOption method.
+                this.query = '';
+                this.focusIndex = -1;
             },
             checkUpdateStatus() {
                 if (this.getInitialValue().length > 0 && this.selectOptions.length === 0) {