2017-03-09 18:31:47 +08:00
|
|
|
<template>
|
|
|
|
<div>
|
2018-08-29 17:03:45 +08:00
|
|
|
<Button @click="modal12 = true">Open the first modal</Button>
|
|
|
|
<Button @click="modal13 = true">Open the second modal</Button>
|
|
|
|
<Modal v-model="modal12" draggable scrollable title="Modal 1">
|
|
|
|
<div>This is the first modal</div>
|
|
|
|
</Modal>
|
|
|
|
<Modal v-model="modal13" draggable scrollable title="Modal 2">
|
|
|
|
<div>This is the second modal</div>
|
|
|
|
</Modal>
|
2017-03-09 18:31:47 +08:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
2018-08-29 17:03:45 +08:00
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
modal12: false,
|
|
|
|
modal13: false
|
2017-03-09 18:31:47 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|