Merge pull request #4403 from oyv1cent/fix-select

Fix select

src/components/select/functional-options.vue

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

@@ -356,14 +356,12 @@
                         });
                     });
                 }
-                let hasDefaultSelected = slotOptions.some(option => this.query === option.key);
                 for (let option of slotOptions) {
 
                     const cOptions = option.componentOptions;
                     if (!cOptions) continue;
                     if (cOptions.tag.match(optionGroupRegexp)){
                         let children = cOptions.children;
-
                         // remove filtered children
                         if (this.filterable){
                             children = children.filter(
@@ -380,11 +378,8 @@
                         if (cOptions.children.length > 0) selectOptions.push({...option});
                     } else {
                         // ignore option if not passing filter
-                        if (!hasDefaultSelected) {
-                            const optionPassesFilter = this.filterable ? this.validateOption(cOptions) : option;
-                            if (!optionPassesFilter) continue;
-                        }
-
+                        const optionPassesFilter = this.filterable ? this.validateOption(cOptions) : option;
+                        if (!optionPassesFilter) continue;
                         optionCounter = optionCounter + 1;
                         selectOptions.push(this.processOption(option, selectedValues, optionCounter === currentIndex));
                     }
@@ -641,6 +636,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) {