fix(Checkbox): add event change

heyui · Dec 3, 2018 · 72bf4f1 · 72bf4f1
1 parent aa3dde3
commit 72bf4f1
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 0 deletions.
diff --git a/doc/components/component/form/checkbox.vue b/doc/components/component/form/checkbox.vue
@@ -78,5 +78,19 @@
         <td>全局config <code>dict.titleName</code></td>
       </tr>
     </table>
+
+    <h3>Checkbox 事件</h3>
+    <table class="table">
+      <tr>
+        <th>事件</th>
+        <th>说明</th>
+        <th>返回数据</th>
+      </tr>
+      <tr>
+        <td>change</td>
+        <td>当数据产生变动的时候触发</td>
+        <td>当前绑定的v-model值</td>
+      </tr>
+    </table>
   </div>
 </template>
diff --git a/doc/components_en/component/form/checkbox.vue b/doc/components_en/component/form/checkbox.vue
@@ -78,5 +78,19 @@
         <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>v-model value</td>
+      </tr>
+    </table>
   </div>
 </template>
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
@@ -90,6 +90,7 @@ export default {
         let key = option[this.key];
         value = utils.toggleValue(value, key);
       }
+      this.$emit('change', value);
       this.$emit('input', value);
       let event = document.createEvent("CustomEvent");
       event.initCustomEvent("setvalue", true, true, value);