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