From 0ab473a2734d2d6e46e9eea44a261ed1203604a4 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Wed, 3 Jan 2018 19:52:17 +0800
Subject: [PATCH] [bugfix] Radio: icon not clickable (#505)

---
 packages/radio/index.vue        | 13 +++++--------
 packages/vant-css/src/radio.css |  1 +
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/radio/index.vue b/packages/radio/index.vue
index 5cd70bfd3..6ac2e43c4 100644
--- a/packages/radio/index.vue
+++ b/packages/radio/index.vue
@@ -1,8 +1,9 @@
 <template>
   <div
-    @click="handleRadioClick"
     class="van-radio"
-    :class="{ 'van-radio--disabled': isDisabled }">
+    :class="{ 'van-radio--disabled': isDisabled }"
+    @click="$emit('click')"
+  >
     <span class="van-radio__input">
       <input
         :value="name"
@@ -13,7 +14,7 @@
       >
       <icon :name="currentValue === name ? 'checked' : 'check'" />
     </span>
-    <span class="van-radio__label" @click="handleLabelClick">
+    <span class="van-radio__label" @click="onClickLabel">
       <slot />
     </span>
   </div>
@@ -63,15 +64,11 @@ export default create({
   },
 
   methods: {
-    handleLabelClick() {
+    onClickLabel() {
       if (this.isDisabled) {
         return;
       }
       this.currentValue = this.name;
-    },
-
-    handleRadioClick() {
-      this.$emit('click');
     }
   }
 });
diff --git a/packages/vant-css/src/radio.css b/packages/vant-css/src/radio.css
index 7cfb1182f..b372fa940 100644
--- a/packages/vant-css/src/radio.css
+++ b/packages/vant-css/src/radio.css
@@ -33,6 +33,7 @@ $van-radio-size: 20px;
   }
 
   .van-icon {
+    pointer-events: none;
     font-size: $van-radio-size;
   }