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;
}
相关推荐
Mintopia35 分钟前
🚀 顶点-面碰撞检测之诗:用牛顿法追寻命运的交点
前端·javascript·计算机图形学
wb18941 分钟前
企业WEB应用服务器TOMCAT
运维·前端·笔记·tomcat·云计算
烛阴1 小时前
解锁 Gulp 的潜力:高级技巧与工作流优化
前端·javascript
Entropy-Lee1 小时前
JavaScript 语句和函数
开发语言·前端·javascript
Wcowin2 小时前
MkDocs文档日期插件【推荐】
前端·mkdocs
xw53 小时前
免费的个人网站托管-Cloudflare
服务器·前端
网安Ruler3 小时前
Web开发-PHP应用&Cookie脆弱&Session固定&Token唯一&身份验证&数据库通讯
前端·数据库·网络安全·php·渗透·红队
!win !3 小时前
免费的个人网站托管-Cloudflare
服务器·前端·开发工具
饺子不放糖3 小时前
基于BroadcastChannel的前端多标签页同步方案:让用户体验更一致
前端
饺子不放糖3 小时前
前端性能优化实战:从页面加载到交互响应的全链路优化
前端