更新 Select 组件

select组件如果有filterable属性，对model进行修改，选择框为空值。

更新 Select 组件
select组件如果有filterable属性，对model进行修改，选择框为空值。
YikaJ · GitHub
1 parent d33b339a
Showing 1 changed file with 17 additions and 13 deletions Show diff stats
src/components/select/select.vue
@@ -478,22 +478,25 @@
             setQuery (query) {
                 if (!this.filterable) return;
                 this.query = query;
+            },
+            modelToQuery() {
+              if (!this.multiple && this.filterable && this.model) {
+                  this.findChild((child) => {
+                      if (this.model === child.value) {
+                          if (child.label) {
+                              this.query = child.label;
+                          } else if (child.searchLabel) {
+                              this.query = child.searchLabel;
+                          } else {
+                              this.query = child.value;
+                          }
+                      }
+                  });
+              }
             }
         },
         compiled () {
-            if (!this.multiple && this.filterable && this.model) {
-                this.findChild((child) => {
-                    if (this.model === child.value) {
-                        if (child.label) {
-                            this.query = child.label;
-                        } else if (child.searchLabel) {
-                            this.query = child.searchLabel;
-                        } else {
-                            this.query = child.value;
-                        }
-                    }
-                });
-            }
+            this.modelToQuery()
  
             this.updateOptions(true);
             document.addEventListener('keydown', this.handleKeydown);
@@ -521,6 +524,7 @@
         },
         watch: {
             model () {
+                this.modelToQuery()
                 if (this.multiple) {
                     if (this.slotChangeDuration) {
                         this.slotChangeDuration = false;