2020-08-13 15:18:26 +08:00
|
|
|
<template>
|
2020-08-25 09:58:26 +08:00
|
|
|
<div>
|
2020-09-09 21:18:08 +08:00
|
|
|
<el-button @click="visible = true">{{ value1 }}</el-button>
|
|
|
|
<el-dialog v-model="visible" :destroy-on-close="false">
|
|
|
|
dialog content
|
|
|
|
<el-button @click="innerVisible = true">
|
|
|
|
inner button
|
|
|
|
</el-button>
|
|
|
|
<el-dialog v-model="innerVisible" destroy-on-close>
|
|
|
|
I am inner dialog
|
|
|
|
</el-dialog>
|
|
|
|
</el-dialog>
|
2020-08-13 15:18:26 +08:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
2020-08-25 09:58:26 +08:00
|
|
|
value1: 'TEST',
|
2020-09-09 21:18:08 +08:00
|
|
|
visible: false,
|
|
|
|
innerVisible: false,
|
2020-08-13 15:18:26 +08:00
|
|
|
}
|
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|