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

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

作者: 牵挂牵 | 来源:发表于2021-04-19 10:14 被阅读0次

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

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

    visible属性值

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

    赋值

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

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

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/icfilltx.html