ruoyi-plus-vben5/playground/src/views/examples/drawer/in-content-demo.vue

<script lang="ts" setup>
import { ref } from 'vue';

import { useVbenDrawer } from '@vben/common-ui';

import { Input, message } from 'ant-design-vue';

const value = ref('');

const [Drawer, drawerApi] = useVbenDrawer({
  onCancel() {
    drawerApi.close();
  },
  onConfirm() {
    message.info('onConfirm');
    // drawerApi.close();
  },
});
</script>
<template>
  <Drawer append-to-main title="基础抽屉示例" title-tooltip="标题提示内容">
    <template #extra> extra </template>
    本抽屉指定在内容区域打开
    <Input v-model="value" placeholder="KeepAlive测试" />
  </Drawer>
</template>