elementui dialog弹出框失焦问题记录

351 阅读1分钟

前言:

记录一下今天在开发中遇到的elementUI dialog组件问题:

问题描述:

使用Dialog组件,当对话框弹出时,被一层阴影遮盖。如图:

image.png

原因分析:

  1. 可能原因一:嵌套使用dialog 对于确实需要嵌套 Dialog 的场景,elementUI官方提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确

  2. 可能原因之二:当前vue文件中存在多个dialog组件,它们的visible 是否显示 Dialog,支持 .sync 修饰符 可能存在重复