在使用ant-design-vue@2.2.8的版本的时候,Modal.confirm窗口无法关闭

最近在一个很长时间前的项目的时候,遇到了一个问题,就是在使用ant-design-vue@2.2.8版本的时候,突然发现所有的Modal.confirm弹窗,再点击确定和取消的时候,方法是走了,但是窗口无法关闭,只能从新刷新页面。

经过排查,这个问题产生的原因可能为当前项目的vue版本和ant-design-vue@2.2.8冲突导致的。

解决方法以下三种为:

  1. 适当调整(降低或者升高)vue的版本,不需要改动vue的大版本(这个方法我比较推荐,因为不需要改动vue的大版本,所以代码不用动,只需要改版本号即可,需要多次尝试)

  2. 将ant-design-vue升高到3.x版本(这个不推荐,因为v2和v3版本改了一部分功能,如果改动这个版本,就需要对项目代码进行修改了)

  3. 重写Modal.confirm方法,覆盖ant-design-vue本身的方法

 我的解决

  如果你当前版本恰好是ant-design-vue@2.2.8

  vue版本可以使用vue@3.3.12

posted @ 2024-04-28 09:05  奔跑的哈密瓜  阅读(1583)  评论(0编辑  收藏  举报