前置条件:
首先确保el-drawer标签外面包含了div标签。
<div>
<el-drawer v-model="drawerVisible" :destroy-on-close="true" size="100%" :title="`${drawerProps.title}`">
</el-drawer>
</div>
后置条件
增加样式穿透
- vue3
::v-deep .el-drawer__body {
overflow: hidden !important;
padding: 0 !important;
}
- vue2
/deep/ .el-drawer__body {
overflow: hidden !important;
padding: 0 !important;
}