写完项目没太注意,并且情况是偶尔发生,点击dialog 的弹出框的时候,灰色遮罩层会覆盖内容上面,
这样的话可能是由于我们会发现浏览器遮罩层高于盒子遮罩层,会照成这样的问题,也有可能是我们给父元素加了定位元素
position|:fixed relative absolute
这样的话都可能会出现这样的问题, 解决方案,官网上也有,只不过可能没注意
那就是增加
<el-dialogtitle="登录":visible.sync="dialogVisible"top="20vh"width="30%":append-to-body="true"></el-dialog>:append-to-body="true" 或者 :modal-append-to-body='false'这样都可以解决问题,如果想要元素居中建议第二个