vue3el-drawer

vue3的el-drawer组件是一个抽屉式的组件，可以用于显示隐藏的内容。解决el-drawer外层包裹el-overlay遮罩层沾满全屏的问题，可以在抽屉外套一层div，并设置类名为"my-drawer"，然后使用CSS选择器来修改样式。具体的解决方式是在样式中添加如下代码: ".my-drawer :deep .el-overlay { position: absolute; }"，这样就可以将el-overlay的定位设置为absolute，解决了遮罩层沾满全屏的问题。此外，还需要确保父组件最外层的样式设置了"position: relative; overflow: hidden;"，以确保抽屉组件的定位是相对于父组件的。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue3 elementplus el-drawer抽屉 实现在指定组件里打开](https://blog.csdn.net/niyooooo/article/details/126153176)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]