关于element抽屉el-drawer被遮罩层覆盖的解决方法

情景：在使用多个弹出抽屉时，当打开第一个抽屉，点击某个部分弹出新的抽屉，然后在关闭新的抽屉后，第一个抽屉会被遮罩层整个覆盖，无法点击也无法取消，只能整体刷新窗口才能正常

如图：

这是由于元素的一些层级设置不同导致的，所以蒙层被放在了最顶端。解决方法就是加上如下2行代码

      :append-to-body="true"
      :modal-append-to-body="false"

整体如下：

 其实我当时只是没加:modal-append-to-body="false"才出现如上情况，但是两个还是得搭配一起用，要不然也有可能在关闭时出现遮挡情况，官方文档也有说明：

加完后就解决问题了，如下：