ant 的Modal.confirm 关闭不了

最新推荐文章于 2024-07-17 15:08:45 发布
最新推荐文章于 2024-07-17 15:08:45 发布
阅读量289 收藏
点赞数 2
分类专栏： JEECG 文章标签： vue.js 前端 javascript jeecgboot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suk_java/article/details/140210858
版权

问题描述：

JEECG 的前端代码的confirm 关闭不了。

问题原因：

package.json
写的 

"vue": "^3.2.33"

大于3.2.33 所以构建的时候 更新到3.4.30 
和  "ant-design-vue": "3.2.12" 版本不匹配，需要固定vue 版本
 

解决：

"vue": "3.2.47"

重新打包就ok了

一直到老到直一
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何使用Bootstrap的modal组件自定义alert，confirm和modal对话框
01-19
本篇文章介绍自己在项目中基于bootstrap的modal组件，自定义alert，confirm和modal对话框的经验，相对比较简单实用，希望能对你有所参考价值。 1. 实例展示 详细的代码可通过前面给出的下载链接下载源码去了解，...
jQuery弹窗插件Modal.js.zip
07-04
Modal.js的核心功能在于创建模态对话框，即一种阻止用户与页面其他部分交互，直到他们与弹窗进行交互或关闭弹窗的UI元素。这种设计常用于通知用户、获取用户输入或显示重要信息。Modal.js提供了丰富的配置选项，允许...
vue3.4 ant-design-vue的Modal.confirm无法关闭，需要将vue降为3.3
xixi4399的博客
01-11 1485
vue3.4 ant-design-vue的Modal.confirm无法关闭 需要将vue降为3.3
【Ant Design of Vue】Modal.confirm无法关闭的bug
一只正在狂飙的肥兔
01-18 5840
在使用 Ant Design Vue 的 Modal.confirm 确认框时，出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。
ant-design-vue 的modal.confirm突然无法自动关闭
m0_71835253的博客
06-12 368
这个是我当前的版本 ，点击不能 关闭， 版本的问题。修改 ： "vue": "~3.2.0",
antdesign的modal.confirm突然无法自动关闭
weixin_45455337的博客
01-20 4455
它指示包管理器（如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 vue Modal.confirm无法关闭的问题
TVM的博客
01-18 4698
使用ant design vue3.2.20版本的modal.confirm来生成提示框，但是无论是@ok还是@cancel都无法正常关闭提示框。甚至使用 Modal.destroyAll()都无法将其关闭，控制台也没报错。解决办法：当前vue版本是3.4.x，将版本降低至3.2.x，就可以正常将confirm关闭。
antd-vue 弹窗（modal）this.$confirm，不点击确定或取消按钮，关闭弹窗
热门推荐
YQxyqX555的博客
08-02 1万+
项目场景： 需求存在有一个全局最高层弹窗，点击跳转特定页面 问题描述： 使用modal，弹出的弹窗是通过v-model="visible"判断显示的，都可以在页面跳转后正常被关闭，但使用this.$confirm弹出的弹窗无法自动被关闭，则出现在特定页面出现上个界面的提示。 解决方案： 通过查看官方文档发现了destroy()的方法 则可以在data中定义modal，再使用 this.modal=this.$confirm({ title: “提示”, content: “确认要删除吗？”, onOk()
AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭
weixin_62273193的博客
05-20 651
AntDesignVue 的弹窗组件关闭不了model.confirm 不关闭。先查看node_modules里面的vue版本 ，果然是3.4xx版本，弹窗的突然就关闭不了，代码也没有修改，猜测是vue的问题，到处寻找。自己动手解决，安装vue版本小于的3.3都版本。vue3 和 antdesignvue的项目。在github上找到了解决方法，参考。大家如果遇到同样问题可以一起讨论！重新启动项目，可以成功关闭！
ANTD3更改less全局主题样式后message弹窗不生效 Ant Design 3 组件功能失效 custom-message
最新发布
zhimooo的博客
07-17 129
最后，我在代码里全局搜索custom，不搜不知道，一搜才发现，原来是在全局配置里不小心粘贴了网友的代码。遇事不急，先分析原因，这个在我更改全局样式之前还能生效，那么就是在我刚刚的操作中导致的这个问题。起因是想要更改全局样式的时候从网上抄拉了一大堆，然后发现message弹窗样式不生效了。这还要说一下小技巧，打开控制台，如图红框内的暂停按钮（也可以按快捷键）去掉这一行（prefixCls: "custom"），保存，大功告成！就能使网页暂停，方便开发调试，这在日常调试中也是比较实用的功能。
elementUI vue this.$confirm 和el.docx
11-22
ElementUI Vue 中的 `$confirm` 和 `el-dialog` 组件的使用和自定义 ElementUI 是一个基于 Vue.js 的 UI 组件库，提供了许多实用的 UI 组件来帮助开发者快速构建 Web 应用程序。在 ElementUI 中， `$confirm` 和 `...
ant-design-draggable-modal:Ant Design的Modal，可拖动
05-02
yarn add ant-design-draggable-modal 注意：您必须使用react@16.8.0和react-dom@16.8.0或更高版本。 :hammer: 用法 import React , { useState , useCallback } from 'react' import { Button } from 'antd' ...
解决无法关闭IE中alert()或者confirm弹出窗口的问题
知 行 合 一
10-31 5319
<br />在用AutoIt调用javascript时，如果该方法调用了alert()，会马上弹出一个警告窗口，这时候，autoit进程停止执行,要等到你点击ok或者关闭按键，该窗口消失后，autoit脚本才会继续运行。那有没有办法，让脚本帮我们来关闭这个窗口呢？有一种思路就是新建一个autoit进程来监控是否有窗口弹出，代码如下：<br />#include <IE.au3> WinWaitActive("Microsoft Internet Explorer","") If WinActive
Vue3中为Ant Design Vue中Modal.confirm自定义内容
青颜的天空的博客
07-04 543
既想要样式，又想要定制其content内容的情况。大部分情况下，使用这种方式时，可能content内容固定都是字符串，那如果想要做更高级的交互怎么办？查阅 Ant Design Vue官方文档，发现content可以不仅仅是字符串：可以看到content是可以接收VNode或h函数的，下面分别讲解，这两种参数的用法。
需求：点击弹框外部不关闭弹窗
backey_mi的博客
12-07 1053
1.方法 修改element.js引用代码，在引用组件前修改默认属性. import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; Vue.use(ElementUI); //配置 dialog组件 组件点击遮罩层不关闭 ElementUI.Dialog.props.closeOnClickModal.default = false; Vue.prototype.$axios = axios 2.弹框外
antd $confirm无法关闭踩坑
m0_61837007的博客
06-08 2614
【代码】antd $confirm无法关闭踩坑。
antd-vue的modal对话框关闭报错
qq_44242707的博客
05-31 2050
第三方库版本：Vue3、Antd3.2 现象：modal框点击关闭报错 原因：modal通过v-model绑定作为prop传入的visible时，modal内置方法将更新prop中的visible，这种直接修改prop的情况导致报错 解决方案：v-model:visible = “visible” => v-bind:visible = “visible” ...
antdv中的modal弹窗打开之后无法关闭
weixin_44689966的博客
01-13 2634
删除node_modules，删除package-lock.json。修改vue的版本，固定为3.3.x。具体问题可以看这个官方issue。
$modal.confirm和$confirm
09-15
这两个方法或组件的具体实现可能会根据使用的前端框架或库而有所不同，例如在Vue.js中，可以使用$modal.confirm方法来显示一个模态对话框，而在Ant Design中，可以使用Modal.confirm方法来实现类似的功能。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值