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

如图,加载出来的效果是这样的,被一个蒙层盖住了整个抽屉,点击也无法消失。
element抽屉el-drawer被遮罩层覆盖的解决方法_第1张图片

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

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

element抽屉el-drawer被遮罩层覆盖的解决方法_第2张图片
element-ui官方有对这两个属性进行说明
element抽屉el-drawer被遮罩层覆盖的解决方法_第3张图片

然后就可以实现想要的效果啦!
element抽屉el-drawer被遮罩层覆盖的解决方法_第4张图片

你可能感兴趣的:(前端,前端)