1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
<script lang="ts" setup> import { useVbenDrawer, VbenButton } from '@vben/common-ui'; import ExtraDrawer from './drawer.vue'; const [Drawer, drawerApi] = useVbenDrawer({ // 连接抽离的组件 connectedComponent: ExtraDrawer, }); function open() { drawerApi.open(); } </script> <template> <div> <Drawer /> <VbenButton @click="open">Open</VbenButton> </div> </template>