功能介绍:用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遮罩层并且弹窗下面可以编辑
基础教程推荐
猜你喜欢
- JS+CSS实现滑动切换tab菜单效果 2023-12-20
- Vue实现计数器案例 2024-01-16
- 详解WordPress开发中get_current_screen()函数的使用 2023-12-15
- 从基础开始建立一个JS代码库第2/2页 2024-02-07
- Ajax异步加载解析 2023-01-21
- css之自动换行实现代码 2024-01-17
- layui数据表格以及传数据方式 2022-12-16
- vue如何利用watch监听数组变化? 2025-01-11
- js中的如何定位固定层的位置 2023-12-15
- 使用CSS计数器美化数字有序列表的实现方法 2024-01-16
