Modal2.vue 816 B

1234567891011121314151617181920212223
  1. <template>
  2. <BasicModal @register="register" title="Modal Title" :helpMessage="['提示1', '提示2']" :okButtonProps="{ disabled: true }">
  3. <a-button type="primary" @click="closeModal" class="mr-2"> 从内部关闭弹窗 </a-button>
  4. <a-button type="primary" @click="setModalProps"> 从内部修改title </a-button>
  5. </BasicModal>
  6. </template>
  7. <script lang="ts">
  8. import { defineComponent } from 'vue';
  9. import { BasicModal, useModalInner } from '/@/components/Modal';
  10. export default defineComponent({
  11. components: { BasicModal },
  12. setup() {
  13. const [register, { closeModal, setModalProps }] = useModalInner();
  14. return {
  15. register,
  16. closeModal,
  17. setModalProps: () => {
  18. setModalProps({ title: 'Modal New Title' });
  19. },
  20. };
  21. },
  22. });
  23. </script>