el-drawer 父容器设置

element-ui的官网中，关于el-drawer的例子都是在body中打开，我的项目需求中，需要在某个DIV中打开。参考了网上的例子，实现了此功能，记录一下父容器的div中，设置：style="position: relative;overflow: hidden;"el-drawer 一定要在父容器的Div里面，设置如下：style="position:absolute"z-index="-

yuyingying1986

5433人浏览 · 2020-10-08 09:11:09

yuyingying1986 · 2020-10-08 09:11:09 发布

element-ui的官网中，关于el-drawer的例子都是在body中打开，我的项目需求中，需要在某个DIV中打开。参考了网上的例子，实现了此功能，记录一下

父容器的div中，设置：

style="position: relative;overflow: hidden;"

el-drawer 一定要在父容器的Div里面，设置如下：

style="position:absolute"
z-index="-1"

参考文章：
vue+elementUI el-drawer实现在子组件打开抽屉组件

效果如下：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^