解决elementUI的MessageBox弹窗被遮罩层遮挡和关闭弹窗后遮罩层不消失的两个问题

转自https://blog.csdn.net/weixin_55966654/article/details/128191380

问题1：打开弹窗时，弹窗被遮罩层遮挡

 

 原因：可以看到，该遮罩层覆盖在APP组件之上，我们要做的是，将遮罩层只针对于自己的父组件上

 

解决方法：在对话框中增加:modal-append-to-body='false' 该属性

 具体可以查看elementui官方文档

问题2：在对话框中使用MessageBox 弹框，关闭后，遮罩层不消失

  

原因：可以发现，原因也和上面差不多，将嵌套的那个弹窗加到body上

 

解决方法：在对话框中增加append-to-body 该属性

 具体可以查看elementui官方文档