dialog 弹出框，遮罩层覆盖内容

写完项目没太注意，并且情况是偶尔发生，点击dialog 的弹出框的时候，灰色遮罩层会覆盖内容上面，

 

这样的话可能是由于我们会发现浏览器遮罩层高于盒子遮罩层，会照成这样的问题，也有可能是我们给父元素加了定位元素

position|：fixed  relative  absolute 

这样的话都可能会出现这样的问题， 解决方案，官网上也有，只不过可能没注意

那就是增加

<el-dialog
    title="登录"
    :visible.sync="dialogVisible"
    top="20vh"
    width="30%"
    :append-to-body="true">
</el-dialog>
:append-to-body="true" 或者  :modal-append-to-body='false'
这样都可以解决问题，如果想要元素居中建议第二个