ElementUI:el-drawer实现在父组件区域内打开抽屉组件非全屏

我们在开发ElementUI的时候遇到抽屉组件全屏的问题,但是我们需要在指定div中展示出来,上代码:

1、在el-drawer中增加属性

TypeScript 复制代码
el-drawer
    style="position: absolute"
    z-index="-1"
    :append-to-body="false"
  >
    // do some
</el-drawer>

2、父组件最外层样式

TypeScript 复制代码
{
  position: relative;
  overflow: hidden;
}
相关推荐
用户9210802628621 小时前
AI 对话里的消息时间线分页:上滑加载更多历史记忆的实现与坑点
前端
PedroQue9921 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
阿萨德528号1 天前
npm 包发布实战指南:从零发布、更新迭代到版本治理
前端·npm·策略模式
IT_陈寒1 天前
Vue的v-for为啥把我的渲染顺序搞乱套了?
前端·人工智能·后端
sir.山1 天前
在 Vue 3 项目中使用 Mock 数据
前端·vue.js·vue3·vite
李剑一1 天前
华为新上Pura X View阔直板手机,特殊屏幕比例设备下,前端应该怎么去适配更完美?送你一套完整工具代码
前端
0xBADCODE1 天前
Flask SSTI读SECRET_KEY+伪造Session:税务系统渗透全流程
前端·后端·python·安全·web安全·网络安全·flask
01_ice1 天前
html个人简历展示
前端·html
程序员爱钓鱼1 天前
Rust where详解:让泛型与Trait约束更加清晰
前端·后端·rust
zzzzzz3101 天前
react-bits 为什么会吸引前端开发者:别把动效当装饰,先把它当成页面能力
前端·react.js·动效