Refactoring switch internal value

buefy · Nov 14, 2018 · 1a9ffa6 · 1a9ffa6
1 parent b8c103d
commit 1a9ffa6
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/components/switch/Switch.vue b/src/components/switch/Switch.vue
@@ -11,7 +11,7 @@
         @mouseout="isMouseDown = false"
         @blur="isMouseDown = false">
         <input
-            v-model="newValue"
+            v-model="computedValue"
             type="checkbox"
             @click.stop
             :disabled="disabled"
@@ -49,18 +49,23 @@
                 isMouseDown: false
             }
         },
+        computed: {
+            computedValue: {
+                get() {
+                    return this.newValue
+                },
+                set(value) {
+                    this.newValue = value
+                    this.$emit('input', value)
+                }
+            }
+        },
         watch: {
             /**
              * When v-model change, set internal value.
              */
             value(value) {
                 this.newValue = value
-            },
-            /**
-             * Emit input event to update the user v-model.
-             */
-            newValue(value) {
-                this.$emit('input', value)
             }
         }
     }