fix(radio): Watch checked prop (closes #104)

matsp · May 14, 2018 · 238000f · 238000f
1 parent c3c8c85
commit 238000f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/components/radio/Radio.vue b/components/radio/Radio.vue
@@ -2,11 +2,11 @@
   <div class="mdc-radio">
     <input
       :class="classes"
-      v-bind="$attrs"
       :name="name"
-      :checked="checked"
       class="mdc-radio__native-control"
       type="radio"
+      :checked="checked"
+      :disabled="disabled"
       @change="onChange">
     <div class="mdc-radio__background">
       <div class="mdc-radio__outer-circle"/>
@@ -69,6 +69,14 @@ export default {
     onChange (event) {
       this.$emit('change', this.mdcRadio.value)
     }
+  },
+  watch: {
+    checked () {
+      this.mdcRadio.checked = this.checked 
+    },
+    disabled () {
+      this.mdcRadio.disabled = this.disabled
+    }
   }
 }
 </script>