el-dialog层级问题
时间: 2023-07-22 17:44:24 浏览: 78
在使用 el-dialog 组件时,可能会遇到弹出框被其他组件覆盖的问题,这是因为 el-dialog 组件的 z-index 值默认为 2000,如果其他组件的 z-index 值大于 2000,就会导致 el-dialog 被覆盖。解决这个问题的方法是通过设置 el-dialog 的 z-index 值大于其他组件的 z-index 值。比如,可以在 el-dialog 上添加一个样式类,设置 z-index 值为 3000,如下所示:
```
<el-dialog :visible="dialogVisible" class="my-dialog">
<!-- 对话框内容 -->
</el-dialog>
<style>
.my-dialog {
z-index: 3000;
}
</style>
```
这样就可以保证 el-dialog 的 z-index 值大于其他组件的 z-index 值,避免被覆盖的问题。