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 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <Button type="primary" @click="modal1 = true">Display dialog box</Button> | 3 | <Button type="primary" @click="modal1 = true">Display dialog box</Button> |
4 | + <Button type="primary" @click="modal2 = true">Display dialog box</Button> | ||
4 | <Button @click="hc">Click Me</Button> | 5 | <Button @click="hc">Click Me</Button> |
5 | <Modal | 6 | <Modal |
6 | v-model="modal1" | 7 | v-model="modal1" |
@@ -12,13 +13,24 @@ | @@ -12,13 +13,24 @@ | ||
12 | <p>Content of dialog</p> | 13 | <p>Content of dialog</p> |
13 | <p>Content of dialog</p> | 14 | <p>Content of dialog</p> |
14 | </Modal> | 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 | </div> | 26 | </div> |
16 | </template> | 27 | </template> |
17 | <script> | 28 | <script> |
18 | export default { | 29 | export default { |
19 | data () { | 30 | data () { |
20 | return { | 31 | return { |
21 | - modal1: false | 32 | + modal1: false, |
33 | + modal2: false | ||
22 | } | 34 | } |
23 | }, | 35 | }, |
24 | methods: { | 36 | methods: { |