e-dialog出现额外多了一层遮罩

先看一下我的问题，使用e-dialog对话框，额外多了一层遮罩，点击一下才能去除遮罩层；

解决方法：在el-dialog上面加上【append-to-body】就可以啦！

看看官方的解释：

append-to-body：Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true

PS：默认是false哦！

e-dialog出现额外多了一层遮罩相关推荐

Android - 自定义Dialog内部透明，外部有遮罩
图例: 代码 1.自定义dialog:引入样式和代码指定样式 package com.gxjl.pe.gxjlpesdk.view;import android.app.Dialog; import ...
elementUI Drawer 抽屉 Dialog 对话框等弹出组件的遮罩层以及多层遮罩解决办法
append-to-body 解决多层遮罩层覆盖的问题 <el-dialogtitle="编辑处理结果":visible.sync="dialogVisible&q ...
iphone app 的图标上被自动添加一层半透明遮罩(玻璃效果)，小米3这样的高分屏icon不生效，怎么破?
ios/info.plist 添加一行: Icon already includes gloss effects = YES 意思就是告诉苹果我提供的图标已经自带玻璃效果了,不用你添加一层遮罩了! 有 ...
去除 element-ui 中 Dialog 对话框遮罩层的方法
在使用element-ui的Dialog时,默认会有遮罩层,想要去除遮罩层,官方文档给出了 modal 属性: modal 是一个布尔值,表示是否需要遮罩层: 然而,将 modal 赋值为 false ...
react antd confirm content list_React造轮系列：对话框组件 - Dialog 思路
React造轮系列:对话框组件 - Dialog 思路对话框一般是我们点击按钮弹出的这么一个东西,主要类型有 Alter, Confirm 及 Modal, Modal 一般带有半透明的黑色背景.当 ...
jQuery UI全教程之一(dialog的使用教程)
jQuery UI目前的版本已经更新到了1.8.7.个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可定制型更强一些.所以再次将一些jQuery UI组件的用法说明一下,方便日后查 ...
去除弹窗遮罩层:modal-append-to-body=“false“
:modal-append-to-body="false" 弹窗多了一层遮罩层,出不来,只需要给弹窗组件添加这一行代码,即可实现.
二维码相机遮罩层快速实现
一.应用场景在开发相机相关应用,如图片裁剪,二维码时,我们经常需要在最上层覆盖一层遮罩,如下图: 一个通常的做法(以上图为例),是将界面划分成几个部分,分别绘制,如阴影部分,分上下左右四个部分,然后 ...
Android5.0以上去除状态栏半透明遮罩
Android5.0+ 状态栏半透明灰色遮罩安卓5.0及以上的版本,透明状态栏有一层遮罩一样的,相当于暗色,部分APP完美适配了透明状态栏,状态栏颜色和APP一体了,但是很多APP仍然是状态栏和A ...

e-dialog出现额外多了一层遮罩

e-dialog出现额外多了一层遮罩相关推荐

最新文章

热门文章