vue3+element [email protected] el-drawer在父组件内打开

解决问题后自存一下，这种小问题容易忘记

遇到的问题：

el-drawer默认附到body，使用append-to-body=false也无效

        
        


            
                

                    
内容内容
                
            

        

核心问题：

drawer_container和el-drawer中间其实还会自动添加一个div包裹住el-drawer，并且在[email protected]中没有class了，之前是el-overlay。

解决方法：

找到drawer_container的直接子节点div并且修改position

.draw-container {
    position: relative;

    .el-drawer {
        position: absolute;
    }
}

.draw-container>div {
    position: absolute !important;
}

参考文章：

vue3 elementplus el-drawer抽屉 实现在指定组件里打开_el-drawer 抽屉弹出指定区域-CSDN博客