fix(Radio): add event change

heyui · Dec 3, 2018 · aa3dde3 · aa3dde3
1 parent 48f092f
commit aa3dde3
Show file tree

Hide file tree

Showing 4 changed files with 45 additions and 1 deletion.
diff --git a/doc/components/component/form/radio.vue b/doc/components/component/form/radio.vue
@@ -71,5 +71,24 @@
         <td>全局config <code>dict.titleName</code></td>
       </tr>
     </table>
+
+    <h3>Radio 事件</h3>
+    <table class="table">
+      <tr>
+        <th>事件</th>
+        <th>说明</th>
+        <th>返回数据</th>
+      </tr>
+      <tr>
+        <td>change</td>
+        <td>当数据产生变动的时候触发</td>
+        <td>完整对象</td>
+      </tr>
+      <tr>
+        <td>input</td>
+        <td>当数据产生变动的时候触发</td>
+        <td>当前绑定的v-model值</td>
+      </tr>
+    </table>
   </div>
 </template>
diff --git a/doc/components/demos/form/radio1.vue b/doc/components/demos/form/radio1.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <p v-color:gray>{{value1}}</p>
-    <div><Radio v-model="value1" :datas="param1"></Radio></div>
+    <div><Radio v-model="value1" :datas="param1" @change="change"></Radio></div>
     <p v-color:gray>{{value2}}</p>
     <div><Radio v-model="value2" :datas="param2"></Radio></div>
     <p v-color:gray>{{value3}}</p>
@@ -23,6 +23,11 @@ export default {
       param2: { 1: '选择1', 2: '选择2', 3: '选择3' },
       param3: [{ title: '选择1', key: 'a1', other: '其他值' }, { title: '选择2', key: 'a2' }, { title: '选择3', key: 'a3' }],
     }
+  },
+  methods: {
+    change(data) {
+      log('change', data)
+    }
   }
 };
 </script>
diff --git a/doc/components_en/component/form/radio.vue b/doc/components_en/component/form/radio.vue
@@ -70,5 +70,24 @@
         <td>config <code>dict.titleName</code></td>
       </tr>
     </table>
+
+    <h3>Radio Event</h3>
+    <table class="table">
+      <tr>
+        <th>Event</th>
+        <th>Description</th>
+        <th>Return value</th>
+      </tr>
+      <tr>
+        <td>change</td>
+        <td>When data changed</td>
+        <td>total object value</td>
+      </tr>
+      <tr>
+        <td>input</td>
+        <td>When data changed</td>
+        <td>v-model value</td>
+      </tr>
+    </table>
   </div>
 </template>
diff --git a/src/components/radio/radio.vue b/src/components/radio/radio.vue
@@ -50,6 +50,7 @@ export default {
         result = value[this.key];
       }
       this.$emit('input', result);
+      this.$emit('change', value);
       let event = document.createEvent("CustomEvent");
       event.initCustomEvent("setvalue", true, true, result);
       this.$el.dispatchEvent(event);