el-dialog弹出框被遮罩层覆盖的解决办法

简介: el-dialog弹出框被遮罩层覆盖的解决办法

问题场景

如下图所示,文案列表的dialog弹窗被遮罩层覆盖,但是遮罩层的z-index层级明显是比弹窗低的

image.png

解决办法

在el-dialog标签里添加:modal-append-to-body='false'

<el-dialogtitle="文案列表"  :visible.sync="isShowLabelBoundArticlesList"  :modal-append-to-body='false'><div>弹窗内容</div> </el-dialog>

image.png

目录
相关文章
|
6月前
|
前端开发
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
|
前端开发
饿了么el-dialog自定义内容以及el-dialog自定义样式
饿了么el-dialog自定义内容以及el-dialog自定义样式
443 0
el-popover 点击取消按钮,弹窗仍然无法关闭
el-popover 点击取消按钮,弹窗仍然无法关闭
|
2月前
|
JavaScript
ElementUI的el-dialog弹窗修改设置可拖拽可最大化
该方案通过自定义Vue指令实现ElementUI的`el-dialog`弹窗的拖拽和最大化功能。只需在`main.js`中引入并注册指令,然后在Vue组件中绑定指令即可。支持自定义参数控制是否允许最大化和拖拽,并提供最大化后的回调函数。具体使用方法详见示例代码。
123 0
ElementUI的el-dialog弹窗修改设置可拖拽可最大化
|
6月前
基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行
基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行
|
6月前
el-dialog中内容自定义滚动条
el-dialog中内容自定义滚动条
173 0
|
6月前
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
392 1
|
JavaScript
element-ui的popover弹出框点击取消
element-ui的popover弹出框点击取消
266 1
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
525 0