功能介绍:用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:如何在浏览器中勾勒 HTML 页面的元素以 2022-09-21
- 使用纯 CSS 创作一个渐变色动画边框 2024-02-09
- vite.config.js常用参数配置以及意义介绍 2025-01-12
- javaScript 删除确认实现方法小结 2024-01-08
- CSS3实现左上角或右上角显示提醒圆点的示例代码 2024-02-06
- MacBook电脑(笔记本)Chrome浏览器快捷键汇总(新手必备) 2024-12-14
- IE下Ajax提交乱码的快速解决方法 2023-01-21
- ajax实现select三级联动效果 2023-02-14
- DIV遮罩层如何实现 2024-02-04
- Web 安全之Cookie劫持详细介绍 2024-02-12