fix(radio): radio button value should be initialized by default

closes #504
stasson · Aug 7, 2018 · 9fed121 · 9fed121
1 parent 95c34ec
commit 9fed121
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/components/radio/README.md b/components/radio/README.md
@@ -26,24 +26,24 @@ var vm = new Vue({
 
 ### props
 
-| props | Type | Default | Description |
-|-------|------|---------|-------------|
-|`name`|String || radio group name (__*__)  |
-|`label`| String|static| radio label |
-|`align-end`| Boolean|| align the radio after the label |
-|`value`|String|| input control value |
-|`checked`|Boolean|| forces this radio to be selected. follows v-model otherwise |
-|`:disabled`| Boolean|| whether the radio is disabled |
-|`v-model`| String || tracks selected radio's value |
+| props       | Type    | Default | Description                                                 |
+| ----------- | ------- | ------- | ----------------------------------------------------------- |
+| `name`      | String  |         | radio group name (__*__)                                    |
+| `label`     | String  |         | radio label                                                 |
+| `align-end` | Boolean |         | align the radio after the label                             |
+| `value`     | String  | `label` | radio value, defaults to label value if any                 |
+| `checked`   | Boolean |         | forces this radio to be selected. follows v-model otherwise |
+| `:disabled` | Boolean |         | whether the radio is disabled                               |
+| `v-model`   | String  |         | tracks selected radio's value                               |
 
 > (__*__) name prop is required for proper behavior.
 
 ### events
 
-| event | args | Description |
-|-------|------|-------------|
-|`@focus`| - |emitted on focus gained |
-|`@blur`| - |emitted on focus lost |
+| event    | args | Description             |
+| -------- | ---- | ----------------------- |
+| `@focus` | -    | emitted on focus gained |
+| `@blur`  | -    | emitted on focus lost   |
 
 ### Reference
 

diff --git a/components/radio/mdc-radio.vue b/components/radio/mdc-radio.vue
@@ -108,7 +108,7 @@ export default {
     this.ripple.init()
     this.formField.init()
 
-    this.value && this.foundation.setValue(this.value)
+    this.foundation.setValue(this.value || this.label)
     this.foundation.setDisabled(this.disabled)
     this.foundation.setChecked(
       this.checked || this.picked == this.foundation.getValue()