From 34f9c4c752a06e44aa6eecb0840d33cffd0c9f51 Mon Sep 17 00:00:00 2001
From: jjchen1 <tychenjiajun@live.cn>
Date: Tue, 27 Aug 2019 16:00:45 +0800
Subject: [PATCH] fix(radio): v-model doesn't work correctly

remove picked from attributes `$attr`

v-model use the native `change` event which caused the bug
---
 components/radio/Radio.vue | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/components/radio/Radio.vue b/components/radio/Radio.vue
index 015c8fb28..f6cc31648 100644
--- a/components/radio/Radio.vue
+++ b/components/radio/Radio.vue
@@ -1,12 +1,15 @@
 <template>
-  <div class="mdc-radio" :class="classes">
+  <div
+    class="mdc-radio"
+    :class="classes"
+  >
     <input
+      ref="input"
       class="mdc-radio__native-control"
       type="radio"
-      v-bind="$attrs"
-      v-on="$listeners"
-      @change="onChange"
-      ref="input"
+      v-bind="attrs"
+      v-on="listeners"
+      @change="$emit('change', $event.target.value)"
     >
     <div class="mdc-radio__background">
       <div class="mdc-radio__outer-circle" />
@@ -42,6 +45,16 @@ export default {
       return {
         'mdc-radio--disabled': this.$attrs.disabled != null
       }
+    },
+    attrs () {
+      const _attrs = this.$attrs
+      delete _attrs.picked
+      return _attrs
+    },
+    listeners () {
+      const _listeners = this.$listeners
+      delete _listeners.change
+      return _listeners
     }
   },
   watch: {
@@ -56,9 +69,6 @@ export default {
     if (this.js) this.mdcRadio.destroy()
   },
   methods: {
-    onChange () {
-      this.$emit('change', this.$refs.input.value)
-    },
     reInstantiate () {
       if (this.js) {
         if (this.mdcRadio) {