element抽屉el-drawer被其他内容覆盖的解决方法

element抽屉el-drawer被其他内容覆盖的解决方法
在这里插入图片描述
遮罩和下层的内容覆盖在了抽屉之上.
解决办法是修改append-to-body和modal-append-to-body属性,把抽屉插入至 body 元素上,把遮罩插入至抽屉的父元素上,具体代码:

    <el-drawer
      :append-to-body="true"
      :modal-append-to-body="false"
    ></el-drawer>

element官方的说明:

参数 说明 类型 可选值 默认值
append-to-body Drawer 自身是否插入至 body 元素上。嵌套的 Drawer 必须指定该属性并赋值为 true boolean - false
modal-append-to-body 遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Drawer 的父元素上 boolean - true

猜你喜欢

转载自blog.csdn.net/u014641168/article/details/121824535