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


    尴尬问题

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

    求知路上

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

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

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

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

    锁定问题

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

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

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

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

    写到最后

    可能有的同学会说,这有什么难的?

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

  • 相关阅读:
    Golang 接口(interface)
    Golang 结构体(struct)
    Golang fmt包介绍
    Golang的函数(func)
    Golang数据类型 (map)
    Golang 指针(pointer)
    Golang数据类型 切片(slice)
    操作系统学习笔记(五) 页面置换算法
    Python 元组、列表
    操作系统学习笔记(四) 存储模型和虚拟内存
  • 原文地址:https://www.cnblogs.com/longronglang/p/15869653.html
Copyright © 2020-2023  润新知