vue3.4 ant-design-vue的Modal.confirm无法关闭，需要将vue降为3.3

最新推荐文章于 2024-09-18 15:40:53 发布

xixi4399

最新推荐文章于 2024-09-18 15:40:53 发布

阅读量1.6k

点赞数 9

文章标签：前端 vue.js anti-design-vue

本文链接：https://blog.youkuaiyun.com/xixi4399/article/details/135517575

版权

vue3.4 ant-design-vue的Modal.confirm无法关闭需要将vue降为3.3

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xixi4399

关注关注

9
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue3 把antd 的Modal组件作为子组件时，本地运行是没问题的，打包后 cancel关闭事件触发无效

agua001的博客

04-20

3191

vue3 把antd 的Modal组件作为子组件时，本地运行是没问题的，打包后 cancel关闭事件触发无效

Vue3中为Ant Design Vue中Modal.confirm自定义内容

青颜的天空的博客

07-04

2106

既想要样式，又想要定制其content内容的情况。大部分情况下，使用这种方式时，可能content内容固定都是字符串，那如果想要做更高级的交互怎么办？查阅 Ant Design Vue官方文档，发现content可以不仅仅是字符串：可以看到content是可以接收VNode或h函数的，下面分别讲解，这两种参数的用法。

1 条评论您还未登录，请先登录后发表或查看评论

ant-design-vue 的modal.confirm突然无法自动关闭

m0_71835253的博客

06-12

691

这个是我当前的版本，点击不能关闭，版本的问题。修改： "vue": "~3.2.0",

解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。

qq_43807473的博客

04-15

2847

解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。首先说为什么会导致这个问题：因为现在vue官方的最新版本是3.4.x，可能是vue最新版本的部分代码与Ant Design不兼容导致的。次版本号的变化表示软件包具有新的功能，但是与之前的版本兼容。

antdesign的modal.confirm突然无法自动关闭

weixin_45455337的博客

01-20

4916

它指示包管理器（如npm）可以安装与指定版本相同的主版本号（第一位数字）和次要版本号（第二位数字），但不包括修订版本号（第三位数字）之后的更新。例如，如果在package.json文件中指定了^3.2.0作为依赖版本号，那么包管理器将会安装3.2.x（包括3.2.0、3.2.1、3.2.2等）的版本，但不会安装3.3.0及以上的版本。这样做的目的是为了确保在包的后续版本发布时，能够自动安装向后兼容的更新，而不必手动更改版本号。另外也可能是vue3.4版本的原因，需要测试一下vue版本问题。

【Ant Design of Vue】Modal.confirm无法关闭的bug

一只正在狂飙的肥兔

01-18

7333

在使用 Ant Design Vue 的 Modal.confirm 确认框时，出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。

vue二次封装ant-design-vue中的Modal弹窗组件，实现拖拽，全屏两种功能，原有参数属性不变

m0_57071129的博客

01-17

3886

在我们的项目的有的地方需要用弹框的拖拽，以及弹窗自定义全屏显示的需求，所以再次将二次合一，同时弹框里面内容自适应屏幕高度在ant-design-vue中，已经实现了拖拽，全屏的功能，下面是ant官网的示例。

vue3使用ant-design-vue的Modal的小技巧

Yosola的博客

04-26

6954

ant的modal挂载，移动

ant-design-vue的modal.confirm怎么实现content支持显示html格式

06-02

import { Modal } from 'ant-design-vue'; Modal.confirm({ title: '确认框', content: () => ({ render() { return 这是一段HTML格式的文本</p>' }} />; }, }), }); ``` 在上面的代码中，我们通过传递一个...

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

IT博客-wusheng_z

10-27

1090

Vue3项目按需引入Ant-Design-Vue：解决Uncaught TypeError: Cannot read property ‘prototype‘ of undefined问题！

AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭

weixin_62273193的博客

05-20

1071

AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭。先查看node_modules里面的vue版本，果然是3.4xx版本，弹窗的突然就关闭不了，代码也没有修改，猜测是vue的问题，到处寻找。自己动手解决，安装vue版本小于的3.3都版本。vue3 和 antdesignvue的项目。在github上找到了解决方法，参考。大家如果遇到同样问题可以一起讨论！重新启动项目，可以成功关闭！

关于ant design vue 使用Modal无法关闭弹窗的解决思路

weixin_44784401的博客

07-03

1782

关于ant design vue 使用Modal无法关闭弹窗的解决思路node_modules/.pnpm/pinia@2.1.7_typescript@5.5.2_vue@3.2.33/node_modules/pinia/dist/pinia.mjs:6:9: 6 │ import { hasInjectionContext, inject, toRaw, watch, unref, markRaw, effectScope, ref, isVue2,

ant design vue Modal.confirm无法关闭的问题

TVM的博客

01-18

5588

使用ant design vue3.2.20版本的modal.confirm来生成提示框，但是无论是@ok还是@cancel都无法正常关闭提示框。甚至使用 Modal.destroyAll()都无法将其关闭，控制台也没报错。解决办法：当前vue版本是3.4.x，将版本降低至3.2.x，就可以正常将confirm关闭。

antdv中的modal弹窗打开之后无法关闭

weixin_44689966的博客

01-13

3065

删除node_modules，删除package-lock.json。修改vue的版本，固定为3.3.x。具体问题可以看这个官方issue。

解决Ant Design Vue使用Modal对话框无法关闭的问题《操作Dom不需要降低版本》