在Ant-Design表格中使用Modal出现遮罩颜色加深问题

2021-04-19  本文已影响0人  牵挂牵

在表格中使用Modal是必不可少的,但是这个项目我第一次用Ant开发,遇到了多行数据在点击其中某一个Modal时会出现所有的Modal同时出现,这样子就会出现遮罩颜色变黑,导致页面美观度降低,下面为处理方法:

首先我们渲染到表格的每一条数据我们都能拿到一个ID,我们可以根据当前这个ID去判断是否要显示这个Modal

visible属性值

将visible属性值根据动态值ID去改变,delModalVisible的值为空数组,在触发Modal时将当前数据的ID赋值给delModalVisible

赋值

这样就能实现只显示当前Modal了,遮罩颜色变黑也会消失了。

注意:在每次赋值前必须将delModalVisible的值都置空,不然会出现bug的哦。

以上内容为原创,如需转发或其他使用请注明原作者!!!

以上仅为个人理解,如有写的不正确的地方欢迎各位大佬批评指正!

上一篇下一篇

猜你喜欢

热点阅读