javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改
问题描述:
在使用elementUI组件Dialog 对话框时,在弹出内容上,再次弹出对话框内容,顶层对话框点击确认隐藏后,底层对话框被遮罩层遮盖,显示错乱,如下:
文章图片
文章图片
上网找解决办法,参考如下:
:append-to-body="true"
【javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改】将冲突的两个对话框都在body后渲染,则两者之间的遮罩层显示隐藏就不会相互影响;
推荐阅读
- 事件代理
- 数组常用方法一
- Jsr303做前端数据校验
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 前端代码|前端代码 返回顶部 backToTop
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)