页面设计前后端

康鲁杰

4 天以前 78314c7574a880a1bccbdf9a8a531d3cf025a6b4

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 { useVbenModal, VbenButton } from '@vben/common-ui';
 
import ExtraModal from './modal.vue';
 
const [Modal, modalApi] = useVbenModal({
  // 连接抽离的组件
  connectedComponent: ExtraModal,
});
 
function openModal() {
  modalApi.open();
}
</script>
 
<template>
  <div>
    <Modal />
    <VbenButton @click="openModal">Open</VbenButton>
  </div>
</template>