base-demo.vue 665 B

123456789101112131415161718192021222324252627
  1. <script lang="ts" setup>
  2. import { useVbenDrawer } from '@vben/common-ui';
  3. import { message } from 'ant-design-vue';
  4. const [Drawer, drawerApi] = useVbenDrawer({
  5. onCancel() {
  6. drawerApi.close();
  7. },
  8. onClosed() {
  9. drawerApi.setState({ overlayBlur: 0, placement: 'right' });
  10. },
  11. onConfirm() {
  12. message.info('onConfirm');
  13. // drawerApi.close();
  14. },
  15. });
  16. </script>
  17. <template>
  18. <Drawer title="基础抽屉示例" title-tooltip="标题提示内容">
  19. <template #extra> extra </template>
  20. base demo
  21. <!-- <template #prepend-footer> slot </template> -->
  22. <!-- <template #append-footer> prepend slot </template> -->
  23. </Drawer>
  24. </template>