| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { defineAsyncComponent } from 'vue' |
| | | import { defineAsyncComponent } from 'vue' |
| | | |
| | | export default { |
| | | name: 'dialogExtend', |
| | | components: { |
| | | dialog1: defineAsyncComponent(() => import("./dialog1")), |
| | | dialog2: defineAsyncComponent(() => import("./dialog2")) |
| | | }, |
| | | data() { |
| | | return { |
| | | dialog1: false, |
| | | dialog2: false, |
| | | dialog3: false, |
| | | dialog2Loading: false, |
| | | asynDialog1: false, |
| | | asynDialog2: false, |
| | | } |
| | | }, |
| | | mounted() { |
| | | export default { |
| | | name: 'dialogExtend', |
| | | components: { |
| | | dialog1: defineAsyncComponent(() => import("./dialog1")), |
| | | dialog2: defineAsyncComponent(() => import("./dialog2")) |
| | | }, |
| | | data() { |
| | | return { |
| | | dialog1: false, |
| | | dialog2: false, |
| | | dialog3: false, |
| | | dialog2Loading: false, |
| | | asynDialog1: false, |
| | | asynDialog2: false, |
| | | } |
| | | }, |
| | | mounted() { |
| | | |
| | | }, |
| | | methods: { |
| | | open1() { |
| | | this.dialog1 = true |
| | | }, |
| | | methods: { |
| | | open1(){ |
| | | this.dialog1 = true |
| | | }, |
| | | open2(){ |
| | | this.dialog2 = true |
| | | this.dialog2Loading = true |
| | | setTimeout(()=>{ |
| | | this.dialog2Loading = false |
| | | }, 1000) |
| | | }, |
| | | open3(){ |
| | | this.dialog3 = true |
| | | }, |
| | | asyn1(){ |
| | | this.asynDialog1 = true |
| | | }, |
| | | asyn2(){ |
| | | this.asynDialog2 = true |
| | | } |
| | | open2() { |
| | | this.dialog2 = true |
| | | this.dialog2Loading = true |
| | | setTimeout(() => { |
| | | this.dialog2Loading = false |
| | | }, 1000) |
| | | }, |
| | | open3() { |
| | | this.dialog3 = true |
| | | }, |
| | | asyn1() { |
| | | this.asynDialog1 = true |
| | | }, |
| | | asyn2() { |
| | | this.asynDialog2 = true |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | </style> |
| | | <style></style> |