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: { | ... | ... |