diff --git a/src/views/component/switch.js b/src/views/component/switch.js
index 88969de..1e6e268 100644
--- a/src/views/component/switch.js
+++ b/src/views/component/switch.js
@@ -1,6 +1,6 @@
 export const switch_base = `
 <label class="cd-switch checked">
-  <input type="checkbox" data-toggle="cd-switch" value="1" checked/>
+  <input id="switch" type="checkbox" data-toggle="cd-switch" value="1" checked/>
 </label>
 `;
 
diff --git a/src/views/component/switch.vue b/src/views/component/switch.vue
index c48f248..5da0057 100644
--- a/src/views/component/switch.vue
+++ b/src/views/component/switch.vue
@@ -96,7 +96,11 @@ export default {
     }
   },
   mounted() {
-    
+    cd.onoff({
+      el: '#switch'
+    }).on('change', (value) => {
+      console.log('switch', value);
+    })
   },
   methods: {
   }