fix value in select with option with v-if #198

Author: marcosmoura

src/components/mdSelect/mdOption.vue

@@ -50,13 +50,15 @@
       }
     },
     methods: {
-      selectOption($event) {
+      setParentOption() {
         if (!this.parentSelect.multiple) {
           this.parentSelect.selectOption(this.value, this.$refs.item.textContent);
         } else {
           this.check = !this.check;
         }
-
+      },
+      selectOption($event) {
+        this.setParentOption();
         this.$emit('selected', $event);
       }
     },
@@ -87,6 +89,10 @@
 
       this.parentSelect.multipleOptions[this.index] = {};
       this.parentSelect.options[this.index] = this;
+
+      if (this.parentSelect.value === this.value) {
+        this.setParentOption();
+      }
     },
     beforeDestroy() {
       if (this.parentSelect) {

src/components/mdSelect/mdSelect.vue

@@ -43,8 +43,6 @@
     },
     computed: {
       classes() {
-        console.log(this.disabled);
-
         return {
           'md-disabled': this.disabled
         };
@@ -129,8 +127,8 @@
         this.selectedValue = output.value;
         this.selectedText = output.text;
 
-        if (this.parentContainer) {
-          this.$parent.setValue(output.text);
+        if (this.selectedText && this.parentContainer) {
+          this.parentContainer.setValue(this.selectedText);
         }
       },
       changeValue(value) {
@@ -155,21 +153,21 @@
       },
       selectOption(value, text) {
         this.selectedText = text;
+        this.setTextAndValue(value);
         this.changeValue(value);
       }
     },
     mounted() {
       this.parentContainer = getClosestVueParent(this.$parent, 'md-input-container');
 
-      this.setTextAndValue(this.value);
-
       if (this.parentContainer) {
         this.setParentDisabled();
         this.setParentRequired();
         this.setParentPlaceholder();
-        this.parentContainer.setValue(this.value);
         this.parentContainer.hasSelect = true;
       }
+
+      this.setTextAndValue(this.value);
     },
     beforeDestroy() {
       if (this.parentContainer) {