在表格中使用Modal是必不可少的，但是这个项目我第一次用Ant开发，遇到了多行数据在点击其中某一个Modal时会出现所有的Modal同时出现，这样子就会出现遮罩颜色变黑，导致页面美观度降低，下面为处理方法：
首先我们渲染到表格的每一条数据我们都能拿到一个ID，我们可以根据当前这个ID去判断是否要显示这个Modal
visible属性值
将visible属性值根据动态值ID去改变，delModalVisible的值为空数组，在触发Modal时将当前数据的ID赋值给delModalVisible
赋值
这样就能实现只显示当前Modal了，遮罩颜色变黑也会消失了。
注意：在每次赋值前必须将delModalVisible的值都置空，不然会出现bug的哦。
以上内容为原创，如需转发或其他使用请注明原作者！！！
以上仅为个人理解，如有写的不正确的地方欢迎各位大佬批评指正！
在表格中使用Modal是必不可少的，但是这个项目我第一次用Ant开发，遇到了多行数据在点击其中某一个Modal时会...
使用BootStrap自带的Modal的时候，如果同时调用多个Modal，那么只能看到背景颜色加深但是看不见新的M...
使用el-dialog时 遮罩 会挡住窗口 像这样 :modal='true' 其实这种情况出现的原因就是你的di...
Modal可以使你应用中RN编写的那部分内容覆盖在原生视图上显示。实现遮罩的功能 实现modal代码： 测试发现o...
iview之Modal 一、普通组件使用方法 普通组件使用方法直接在页面中写
在AngularJS中主要使用bootstrap-modal使用弹窗效果。 安装bootsrap-modal插件：...
问题：采用ajax异步通讯获取数据，使用$("#myModal").modal('hide');不能关闭覆盖层出现...
背面遮罩是ZBrush软件实时遮罩的一种，它的出现能够解决我们在模型雕刻时的一些问题。我们在 Zbursh中雕刻一...
一、前言 在日常开发中，Modal使用必不可少，但是如果一个页面Modal弹窗过多，Modal的使用又必须要在re...
Modal禁用遮罩层关闭--:mask-closable="false" Table 添加边框线--border
本文标题：在Ant-Design表格中使用Modal出现遮罩颜色加深问题
本文链接：https://www.haomeiwen.com/subject/icfilltx.html
网友评论