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
27
28
| <template>
| <BasicModal
| @register="register"
| title="Modal Title"
| :helpMessage="['提示1', '提示2']"
| :okButtonProps="{ disabled: true }"
| >
| <a-button type="primary" @click="closeModal" class="mr-2"> 从内部关闭弹窗 </a-button>
| <a-button type="primary" @click="setModalProps"> 从内部修改title </a-button>
| </BasicModal>
| </template>
| <script lang="ts">
| import { defineComponent } from 'vue';
| import { BasicModal, useModalInner } from '/@/components/Modal';
| export default defineComponent({
| components: { BasicModal },
| setup() {
| const [register, { closeModal, setModalProps }] = useModalInner();
| return {
| register,
| closeModal,
| setModalProps: () => {
| setModalProps({ title: 'Modal New Title' });
| },
| };
| },
| });
| </script>
|
|
