Blame view

Yi.Vben5.Vue3/docs/src/demos/vben-modal/shared-data/modal.vue 538 Bytes
515fceeb   “wangming”   框架初始化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
  <script lang="ts" setup>
  import { ref } from 'vue';
  
  import { useVbenModal } from '@vben/common-ui';
  
  const data = ref();
  
  const [Modal, modalApi] = useVbenModal({
    onCancel() {
      modalApi.close();
    },
    onConfirm() {
      console.info('onConfirm');
    },
    onOpenChange(isOpen: boolean) {
      if (isOpen) {
        data.value = modalApi.getData<Record<string, any>>();
      }
    },
  });
  </script>
  <template>
    <Modal title="数据共享示例">
      <div class="flex-col-center">外部传递数据: {{ data }}</div>
    </Modal>
  </template>