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;
}
相关推荐
大龄秃头程序员7 小时前
iOS Method Swizzling 的工程化实践:如何处理多重交换与第三方冲突
前端
liangshanbo12157 小时前
Webpack 文件指纹面试题整理
前端·webpack·node.js
xieter8 小时前
【技术精选】Node.js 核心事件循环机制与异步 I/O 深度剖析 (2026-10-02)
前端·javascript
计算机魔术师8 小时前
Ethan Mollick 谈点与群:智能体自组织为何让管理假设失效
前端
想吃火锅10058 小时前
【leetcode】238.除了自身以外数组的乘积js
javascript·算法·leetcode
故七月9 小时前
GEO 信源评估体系:如何判断一条网页信源能否被大模型采信
前端·网络·人工智能
liangshanbo12159 小时前
Webpack 常见 Plugin 面试题
前端·webpack·node.js
xxwl5859 小时前
vue3的入门学习
前端·vue.js·学习
用户847172102849 小时前
.shot 文件格式规范
前端·后端
web打印社区9 小时前
政务办事大厅:叫号小票、办理回执网页怎么静默出纸
前端·javascript·vue.js·pdf·html·政务