update footer-nav

examples/components/footer-nav.vue

@@ -30,6 +30,7 @@
     }
      
     & i {
+      transition: .3s;
       color: #d9def1;
       vertical-align: baseline;
     }
@@ -37,6 +38,7 @@
   
   .footer-nav-link {
     cursor: pointer;
+    transition: .3s;
     
     &:hover {
       color: #5e6d82;
@@ -101,5 +103,5 @@
       this.nav = this.nav.concat(navConfig[1].children);
       this.updateNav();
     }
-  }
+  };
 </script>

packages/select/src/select.vue

@@ -183,29 +183,31 @@
           this.valueChangeBySelected = false;
           return;
         }
-        if (this.multiple && Array.isArray(val)) {
+        this.$nextTick(() => {
-          this.$nextTick(() => {
+          if (this.multiple && Array.isArray(val)) {
-            this.resetInputHeight();
+            this.$nextTick(() => {
-          });
+              this.resetInputHeight();
-          this.selectedInit = true;
+            });
-          this.selected = [];
+            this.selectedInit = true;
-          val.forEach(item => {
+            this.selected = [];
-            let option = this.options.filter(option => option.value === item)[0];
+            val.forEach(item => {
+              let option = this.options.filter(option => option.value === item)[0];
+              if (option) {
+                this.$emit('addOptionToValue', option);
+              }
+            });
+          }
+          if (!this.multiple) {
+            let option = this.options.filter(option => option.value === val)[0];
             if (option) {
               this.$emit('addOptionToValue', option);
+            } else {
+              this.selected = {};
+              this.selectedLabel = '';
             }
-          });
-        }
-        if (!this.multiple) {
-          let option = this.options.filter(option => option.value === val)[0];
-          if (option) {
-            this.$emit('addOptionToValue', option);
-          } else {
-            this.selected = {};
-            this.selectedLabel = '';
           }
-        }
+          this.resetHoverIndex();
-        this.resetHoverIndex();
+        });
       },
 
       selected(val) {