diff --git a/examples/routers/modal.vue b/examples/routers/modal.vue
index 668b8908..57651e8c 100644
--- a/examples/routers/modal.vue
+++ b/examples/routers/modal.vue
@@ -1,6 +1,7 @@
 <template>
     <div>
         <Button type="primary" @click="modal1 = true">Display dialog box</Button>
+        <Button type="primary" @click="modal2 = true">Display dialog box</Button>
         <Button @click="hc">Click Me</Button>
         <Modal
                 v-model="modal1"
@@ -12,13 +13,24 @@
             <p>Content of dialog</p>
             <p>Content of dialog</p>
         </Modal>
+        <Modal
+                v-model="modal2"
+                title="Common Modal dialog box title2"
+                dragable
+                @on-ok="ok"
+                @on-cancel="cancel">
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+            <p>Content of dialog</p>
+        </Modal>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                modal1: false
+                modal1: false,
+                modal2: false
             }
         },
         methods: {