问题场景
如下图所示,文案列表的dialog弹窗被遮罩层覆盖，但是遮罩层的z-index层级明显是比弹窗低的
解决办法
在el-dialog标签里添加:modal-append-to-body='false'
<el-dialogtitle="文案列表" :visible.sync="isShowLabelBoundArticlesList" :modal-append-to-body='false'><div>弹窗内容</div> </el-dialog>
el-dialog弹出框被遮罩层覆盖的解决办法
2022-11-14
781
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
el-dialog弹出框被遮罩层覆盖的解决办法
目录
相关文章
|
2月前
|
前端开发
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件
366
0
0
|
2月前
|
11月前
|
前端开发
|
10月前
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例（整理）
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例（整理）
259
0
0
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
2496
0
0
|
2月前
|
2月前
|
10月前
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
154
1
1
|
12月前
|
JavaScript