功能介绍:用el-dialog
做了一个弹窗,当前页面需要参考弹窗信息来编辑,所有想把el-dialog的遮罩层去掉,并且可以编辑底部输入框!
解决方法:
1、在el-dialog中新增modal
:modal="false"
2、新增样式
//方法一:
.el-dialog__wrapper{
pointer-events: none;
}
.el-dialog{
pointer-events: auto;
}
//方法二:
.el-dialog__wrapper {
width: 500px;
left: inherit;
}
已经可以了~~
以上是编程学习网小编为您介绍的“element-ui如何去掉el-dialog遮罩层并且弹窗下面可以编辑”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:element-ui如何去掉el-dialog遮罩层并且弹窗下面可以编辑


猜你喜欢
- javascript 建设银行登陆键盘 2023-11-30
- zTree v3.5 Css分解与dom结构说明 2024-02-05
- 浅谈js键盘事件全面控制 2023-12-23
- 脚本收藏iframe 2024-01-16
- js 图片缩放特效代码 2024-01-16
- Ajax请求和Filter配合案例解析 2023-01-26
- ajax实现加载数据功能 2023-02-01
- 从数据获取相同数据生成多维数组等数组相关j 2024-12-08
- 父窗口获取layer.open()打开的子窗口的数据 2023-11-18
- $.ajax中contentType: “application/json” 的用法详解 2023-02-23