Vue ElementUI dialog弹出框被遮罩层盖住

这个问题遇到了好几次了，这次找到问题的原因了原因一：因为dialog的组件外层div设置了 position：absolute；属性所以导致遮罩层会在最上面原因二：因为是dialog 里面套了一个dialog ，需要在里面的dialog:append-to-body=“true”****************************...

阳光先做

16614人浏览 · 2018-03-08 09:56:05

阳光先做 · 2018-03-08 09:56:05 发布

这个问题遇到了好几次了，这次找到问题的原因了

原因一：

因为dialog的组件外层div设置了 position：absolute；属性所以导致遮罩层会在最上面

原因二：

因为是dialog 里面套了一个dialog ，需要在里面的dialog

:append-to-body=“true”

****************************

有帮助的话点个赞吧

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^