vue3 antd modal 引入

在Vue3中引入Ant Design Vue的Modal组件可以按照以下步骤进行操作：
1. 在入口文件`main.js`中，使用`import`语句引入`createApp`和`Modal`组件，并导入相关样式文件：

import { createApp } from 'vue'
import App from './App.vue'
import { Modal } from 'ant-design-vue';
import 'ant-design-vue/es/modal/style/index'

const app = createApp(App);
app.config.globalProperties.$modal = Modal;
app.mount('#app')

2. 在需要使用Modal组件的组件中，使用`<script setup>`标签，并导入`getCurrentInstance`函数：

<script setup>
import { getCurrentInstance } from "vue"
const { appContext } = getCurrentInstance()
const global = appContext.config.globalProperties

// 在某个方法中使用Modal
const delRecord = () => {
  global.$modal.confirm({ ... })
}
</script>

以上是引入Vue3 Ant Design Modal的基本步骤。如果在多个组件中同时引入Modal并在发布到服务器后刷新页面时遇到模态框无法正常弹出的问题，可能与组件的生命周期有关。你可以检查是否正确使用了`onMounted`或`onUpdated`等生命周期钩子函数，并确保在组件销毁时正确注销相关事件或方法。