技术栈

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

kingbal2024-11-30 22:20

我们在开发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;
}
上一篇:Webpack前端工程化进阶系列(二) —— HMR热模块更新(图文+代码)
下一篇:原型模式
相关推荐
BD_Marathon
8 分钟前
SpringBoot——辅助功能之切换web服务器
服务器·前端·spring boot
Kagol
8 分钟前
JavaScript 中的 sort 排序问题
前端·javascript
eason_fan
34 分钟前
Service Worker 缓存请求:前端性能优化的进阶利器
前端·性能优化
光影少年
43 分钟前
rn如何和原生进行通信,是单线程还是多线程,通信方式都有哪些
前端·react native·react.js·taro
好大哥呀
1 小时前
Java Web的学习路径
java·前端·学习
HashTang
1 小时前
【AI 编程实战】第 7 篇:登录流程设计 - 多场景、多步骤的优雅实现
前端·uni-app·ai编程
cos
1 小时前
Fork 主题如何更新?基于 Ink 构建主题更新 CLI 工具
前端·javascript·git
小满zs
1 小时前
Next.js第二十一章(环境变量)
前端·next.js
C***1150
2 小时前
Spring aop 五种通知类型
java·前端·spring
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05Claude Code 2.1.2 升级报错?别折腾了,一行命令搞定062025-04-03 Latex学习1——本地配置Latex + VScode环境07【踩坑笔记】50系显卡适配的 PyTorch 安装08jdk21下载、安装(Windows、Linux、macOS)09KGG转MP3工具|非KGM文件|解密音频10网站改了域名,如何查找?