功能介绍:用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遮罩层并且弹窗下面可以编辑
基础教程推荐
猜你喜欢
- css 超出用省略号当标题字符溢出用省略号表示 2024-04-02
- 利用CSS制作3D动画 2022-11-20
- VScode自动生成HTML的含义 2023-10-28
- js小数计算小数点后显示多位小数的实现方法 2024-01-06
- van-picker选择器没有取消/确认按钮和标题解决方法! 2025-01-17
- Jquery Ajax请求方法小结(值得收藏) 2022-10-17
- springboot+vue+element项目开发(持续更新) 2023-10-08
- Xterm.js入门官方文档示例详解 2024-01-06
- javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例 2024-02-09
- jQuery利用cookie 实现本地收藏功能(不重复无需多次命名) 2024-04-16