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;
}
相关推荐
Leo655354 分钟前
动态 SQL(行+列) + 动态表头(前端+EasyPoi) = 完整透视报表系统
前端·sql·状态模式
Gary jie4 分钟前
OpenClaw启动日志详细分析
前端·chrome
择势9 分钟前
macOS App 签名与公证流程详解及一键自动化
前端
英俊潇洒美少年21 分钟前
Vue3 中 watch的 flush 选项(默认无/`post`/`sync`)的区别
前端·javascript·vue.js
闲云一鹤24 分钟前
Python 入门(三)- PyAutoGUI 自动化教程
前端·python·黑客
D_C_tyu26 分钟前
HTML | 结合Canvas开发具有智能寻路功能的贪吃蛇小游戏实战详解
javascript·算法·游戏·html·bfs
Jay-r29 分钟前
樱花雨特效 WebGL实现 短视频同款浪漫视觉效果(附源码下载)
开发语言·javascript·ecmascript·编程·webgl·代码·樱花雨
凤山老林30 分钟前
Js如何实现一个抽奖程序
前端·javascript·vue.js
我命由我1234531 分钟前
React - Switch、路由精准匹配与模糊匹配、Redirect
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
陆枫Larry38 分钟前
用 Git 别名(Alias)简化日常操作
前端