Blame view

Yi.Vben5.Vue3/docs/src/demos/vben-drawer/shared-data/drawer.vue 546 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 { useVbenDrawer } from '@vben/common-ui';
  
  const data = ref();
  
  const [Drawer, drawerApi] = useVbenDrawer({
    onCancel() {
      drawerApi.close();
    },
    onConfirm() {
      console.info('onConfirm');
    },
    onOpenChange(isOpen: boolean) {
      if (isOpen) {
        data.value = drawerApi.getData<Record<string, any>>();
      }
    },
  });
  </script>
  <template>
    <Drawer title="数据共享示例">
      <div class="flex-col-center">外部传递数据: {{ data }}</div>
    </Drawer>
  </template>