关于antd-desgin-vue使用弹框作为外部组件引入在取消/关闭弹框的时候报错

最新推荐文章于 2024-04-15 17:04:49 发布
最新推荐文章于 2024-04-15 17:04:49 发布
阅读量1.4k 收藏 1
点赞数
原文链接：https://blog.csdn.net/weixin_34128237/article/details/88183967
版权

前言：项目需要，将antd-desgin-vue的弹框作为一个单独的业务组件封装了一下 a-modal， 在引入以后选择操作完成以后点击取消或者/关闭弹框会报错，看图
在这里插入图片描述
解决办法:
在这里插入图片描述
在这里插入图片描述上面v-model绑定 this.visble2 问题解决

恰好有你
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue_form_design:基于Vue3.0的表单设计器
03-16
JavaScript和ECMAScript作为Web开发的基础，其新特性如Async/Await、模板字符串、解构赋值等在Vue3.0中得到了充分利用，提升了代码的可读性和简洁度。 使用Vue Form Design进行表单开发，开发者可以将更多精力集中...
el-data-picker季度区间选择器
08-02
3. **在组件中使用**：在需要的地方引入el-data-picker组件，并配置相应的属性和方法。 4. **数据绑定**：将选择的季度范围绑定到Vue实例的data属性，以便在应用中使用。 5. **事件监听**：监听change事件，当季度...
ant design vue 弹框自定义按钮
tonysh_zds的博客
08-01 657
【代码】ant design vue 弹框自定义按钮。
Ant Design of Vue遇到的问题合集
zzpzzpzzpkkk的博客
07-07 707
** Ant Design of Vue遇到的问题合集 ** ①弹窗关闭，数据回显问题 问题描述：新增某条数据的时候点击新增打开弹窗，填入数据之后没有保存并且关闭弹窗，再次打开弹窗上次的数据还显示在弹窗内 现在我要它不显示 <a-modal title="新增在住人员" :visible="addResident" :bodyStyle="{ maxHeight: '650px', overflowY: 'auto' }" :destr
vue3.4 ant-design-vue的Modal.confirm无法关闭，需要将vue降为3.3
xixi4399的博客
01-11 1473
vue3.4 ant-design-vue的Modal.confirm无法关闭 需要将vue降为3.3
【Ant Design of Vue】Modal.confirm无法关闭的bug
一只正在狂飙的肥兔
01-18 5679
在使用 Ant Design Vue 的 Modal.confirm 确认框时，出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。
antd-vue的modal对话框关闭报错
qq_44242707的博客
05-31 2039
第三方库版本：Vue3、Antd3.2 现象：modal框点击关闭报错 原因：modal通过v-model绑定作为prop传入的visible时，modal内置方法将更新prop中的visible，这种直接修改prop的情况导致报错 解决方案：v-model:visible = “visible” => v-bind:visible = “visible” ...
解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。
qq_43807473的博客
04-15 1871
解决Ant Design Vue使用Modal对话框无法关闭的问题，本地可以关闭对话框但是打包后不能关闭对话框的问题。首先说为什么会导致这个问题：因为现在vue官方的最新版本是3.4.x，可能是vue最新版本的部分代码与Ant Design不兼容导致的。次版本号的变化表示软件包具有新的功能，但是与之前的版本兼容。
关于vue-antd-pro项目启动报错
weixin_44488149的博客
07-20 2893
关于vue-antd-pro项目done下来后启动报错问题
基于Vue3、Vite4、ant-design-vue4、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方
02-22
AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、...
基于Ant Design Upload listType=“picture-card“ 实现多图上传以及点击预览图片的组件
04-24
在本文中，我们将深入探讨如何使用Ant Design库中的Upload组件，特别是当`listType`属性设置为`"picture-card"`时，实现一个功能完善的多图上传及预览功能。Ant Design是一个广泛使用的React UI框架，它提供了丰富的...
ant design vue datepicker日期选择器中文化操作
01-18
按照ant design vue官方说明，使用日期选择器需要在入口文件(main.js)全局设置语言： // 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/...
弹出框关闭之后，页面会自动回到顶部的解决办法。
y526355442的博客
04-13 4644
弹出框关闭之后，页面会自动回到顶部的解决办法。 找过很多种解决办法，大部分都不能满足我的需要。记录一下成功的解决办法： 在打开弹框的方法中添加： document.documentElement.style.overflow = ‘hidden’; //隐藏横竖滚动条 这就其实相当于把整个body的滚动条禁用，如果直接关闭弹框页面滚动条也不会再显示，所以在关闭弹框的时候： document.doc...
ant design vue Modal.confirm无法关闭的问题
TVM的博客
01-18 4602
使用ant design vue3.2.20版本的modal.confirm来生成提示框，但是无论是@ok还是@cancel都无法正常关闭提示框。甚至使用 Modal.destroyAll()都无法将其关闭，控制台也没报错。解决办法：当前vue版本是3.4.x，将版本降低至3.2.x，就可以正常将confirm关闭。
基于Antd的模态框modal不显示 确认和取消按钮
cat_want_fly的博客
08-10 5774
基于Antd的模态框modal不显示 确认和取消按钮
react17 antd中触发Tooltip组件，切换到其他页面无法关闭问题
qq_44883318的博客
07-26 959
所以切换到其他页面时，react拿不到提示框，所以setState无效（可以说是被存起来了，但不会去刷新页面），但调试框Element可以拿到提示框，这个时候我们可以从dom操作出发。切换到B页面，触发关闭按钮无效。2.在关闭后，open状态为false（切换到其他页面open状态不会发生变化，只有页面切换回来，open状态才被拿出来渲染），这个时候把它样式设置为空，防止阻碍Tooltip内置打开效果。实现代码：（效果：鼠标进入打开，鼠标出去关闭，点击会打开，但只能摁X按钮才能关闭）
antdesign的modal.confirm突然无法自动关闭
weixin_45455337的博客
01-20 4362
它指示包管理器（如npm）可以安装与指定版本相同的主版本号（第一位数字）和次要版本号（第二位数字），但不包括修订版本号（第三位数字）之后的更新。例如，如果在package.json文件中指定了^3.2.0作为依赖版本号，那么包管理器将会安装3.2.x（包括3.2.0、3.2.1、3.2.2等）的版本，但不会安装3.3.0及以上的版本。这样做的目的是为了确保在包的后续版本发布时，能够自动安装向后兼容的更新，而不必手动更改版本号。另外也可能是vue3.4版本的原因，需要测试一下vue版本问题。
vue3 把antd 的Modal组件作为子组件时，本地运行是没问题的，打包后 cancel关闭事件触发无效
agua001的博客
04-20 2936
vue3 把antd 的Modal组件作为子组件时，本地运行是没问题的，打包后 cancel关闭事件触发无效
基于Springboot和Vue的数码论坛系统设计与实现-源码 数码论坛系统设计与实现代码（高分毕设）
最新发布
07-24
数码论坛系统设计与实现-源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
antd-virtual-select vue版本
09-07
antd-virtual-select是一个基于Ant Design开发的虚拟选择器组件，适用于Vue版本。 虚拟选择器是一种优化性能的技术，特别适用于大型数据集合的选择器。与传统的选择器组件不同，虚拟选择器只会渲染当前可见的选项，而不是渲染整个选项列表。这样可以大大提高渲染和响应的速度，并减少内存的占用。 antd-virtual-select为Vue提供了一套简洁、易用的虚拟选择器组件。它继承了Ant Design的风格和组件库特色，提供了丰富的功能和配置选项。 使用antd-virtual-select，我们可以通过传入一个包含所有选项数据的数组，以及一些配置选项，来创建一个虚拟选择器。选择器可以根据需求进行筛选、搜索和排序等操作，并且可以根据不同的样式和交互需求进行自定义。 通过使用虚拟选择器，我们可以有效地处理大量的选项数据，提高页面性能和用户体验。同时，antd-virtual-select还集成了一些常用的功能，例如多选、标签功能等，方便开发者根据具体需求进行定制化开发。 总的来说，antd-virtual-select是一款高性能、易用的虚拟选择器组件，适用于Vue开发。它提供了丰富的功能和自定义选项，可以帮助我们更高效地处理大量的选项数据，提升页面性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值