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;
}
相关推荐
RFCEO16 小时前
前端编程 课程十三、:CSS核心基础1:CSS选择器
前端·css·css基础选择器详细教程·css类选择器使用方法·css类选择器命名规范·css后代选择器·精准选中嵌套元素
烬头882117 小时前
React Native鸿蒙跨平台采用了函数式组件的形式,通过 props 接收分类数据,使用 TouchableOpacity实现了点击交互效果
javascript·react native·react.js·ecmascript·交互·harmonyos
Amumu1213817 小时前
Vuex介绍
前端·javascript·vue.js
We་ct17 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_9498095917 小时前
flutter_for_openharmony家庭相册app实战+相册详情实现
javascript·flutter·ajax
qq_1777673717 小时前
React Native鸿蒙跨平台通过Animated.Value.interpolate实现滚动距离到动画属性的映射
javascript·react native·react.js·harmonyos
2601_9498333917 小时前
flutter_for_openharmony口腔护理app实战+饮食记录实现
android·javascript·flutter
2601_9494800617 小时前
【无标题】
开发语言·前端·javascript
css趣多多17 小时前
Vue过滤器
前端·javascript·vue.js
理人综艺好会18 小时前
Web学习之用户认证
前端·学习