多个 el-dialog 蒙层问题

您好！对于多个 el-dialog 蒙层问题，您可以尝试以下解决方案：

1. 调整 z-index 属性：el-dialog 组件默认的 z-index 值为 2000，如果您的多个 dialog 重叠显示时出现蒙层问题，可以尝试通过设置不同的 z-index 值来调整它们的层级关系，确保每个 dialog 都有足够高的层级。

例如，可以给每个 dialog 组件添加不同的 z-index 值，比如第一个 dialog 的 z-index 设置为 2000，第二个设置为 2100，以此类推。

2. 使用 append-to-body 属性：el-dialog 组件有一个 append-to-body 属性，当设置为 true 时，会将 dialog 的 DOM 元素直接添加到 body 元素下，而不是其父元素中。这样可以确保 dialog 不会受到父元素的样式影响，从而避免蒙层问题。

例如：
<el-dialog :visible="dialogVisible" :append-to-body="true"></el-dialog>

3. 控制 dialog 的显示和隐藏：如果您多个 dialog 同时显示，并且希望只有一个 dialog 的蒙层生效，可以在显示一个 dialog 时隐藏其他的 dialog。可以通过控制 dialog 的 visible 属性来实现。

例如，在显示第一个 dialog 时，将其他 dialog 的 visible 属性设置为 false：
this.dialogVisible1 = true;
this.dialogVisible2 = false;

希望以上解决方案对您有帮助！如有任何问题，请随时提问。