Commit 9edded493134638b22d1df09a9f83c482a34b17e
1 parent
8750244d
update Modal demo
Showing
1 changed file
with
13 additions
and
1 deletions
Show diff stats
examples/routers/modal.vue
| 1 | 1 | <template> |
| 2 | 2 | <div> |
| 3 | 3 | <Button type="primary" @click="modal1 = true">Display dialog box</Button> |
| 4 | + <Button type="primary" @click="modal2 = true">Display dialog box</Button> | |
| 4 | 5 | <Button @click="hc">Click Me</Button> |
| 5 | 6 | <Modal |
| 6 | 7 | v-model="modal1" |
| ... | ... | @@ -12,13 +13,24 @@ |
| 12 | 13 | <p>Content of dialog</p> |
| 13 | 14 | <p>Content of dialog</p> |
| 14 | 15 | </Modal> |
| 16 | + <Modal | |
| 17 | + v-model="modal2" | |
| 18 | + title="Common Modal dialog box title2" | |
| 19 | + dragable | |
| 20 | + @on-ok="ok" | |
| 21 | + @on-cancel="cancel"> | |
| 22 | + <p>Content of dialog</p> | |
| 23 | + <p>Content of dialog</p> | |
| 24 | + <p>Content of dialog</p> | |
| 25 | + </Modal> | |
| 15 | 26 | </div> |
| 16 | 27 | </template> |
| 17 | 28 | <script> |
| 18 | 29 | export default { |
| 19 | 30 | data () { |
| 20 | 31 | return { |
| 21 | - modal1: false | |
| 32 | + modal1: false, | |
| 33 | + modal2: false | |
| 22 | 34 | } |
| 23 | 35 | }, |
| 24 | 36 | methods: { | ... | ... |