element ui el-dialog弹出组件的遮罩层在弹出层的上面

东明兄 2018-11-28
1条评论 5,870 次浏览
东明兄 2018-11-281条评论 5,870 次浏览


今天做项目时遇到el-dialog弹出组件的遮罩层在弹出层的上面,网上搜了下 很多都说 给el dialog 加上:modal-append-to-body=”false”,,但是有时候会存在页面某些元素没有被 modal 盖上的情况,其实这种情况出现的原因就是你的dialog 是放在当前组件中的,如果放body 下则不会有这些情况,所以最好的方式是 在el-dialog 上添加 :append-to-body=”true”,
官方文档的说明:
modal-append-to-body 遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上
append-to-body Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true

element ui el-dialog弹出组件的遮罩层在弹出层的上面” 有1条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注