解决Vue3使用 Ant Design，出现多个Modal，全是黑屏，导致列表页看不见问题！

尴尬问题

不报错，但是我看着就难受。

求知路上

请教了下强哥，强哥告诉我可能某个样式属性失效引起（无效），建议我F12看下样式。

接着，我F12狂看元素样式，查了一个小时未果，我真抓狂了。

都想明天问同事了，但我感觉自己能行，就又坚持了一下。

结果，在摸索过程中，不断在控制台尝试，打印dom对象及属性，一查就知道了，原来点击新增，编辑按钮，每次都能弹出5个对话框。

锁定问题

定位到问题就好办了，然后就是查解决方案的过程了。

偶然在CSDN上的评论区看到这样一个的答案，完美解决了我的问题，如下图：

可能是因为有多个form表单 把它作为单独的组件提到外面就好了。

结果我调整了下代码，把Modal挪出去，就完美解决了我的问题，开心到飞起！

写到最后

可能有的同学会说，这有什么难的？

是呀，你怎么能体会到学渣的快乐呢，哈哈哈。