关于element-ui的dialog组件遮罩层异常的问题

问题

开发的时候发现dialog的遮罩层在最外层，把弹框都给覆盖了。
这是前后对比图：

原因

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

解决方案

在属性内加上这段代码：

1. :append-to-body=“true” ；
   
2. :modal-append-to-body=“false” 也可以

亲测可以