element-ui如何去掉el-dialog遮罩层并且弹窗下面可以编辑

功能介绍：用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-date-picker默认当前时间至7天之前时间

el-time-picker设置默认赋值时间

Vue项目如何实现文件上传（附完整代码）

Vue开发中最常用的几种UI组件库

vue语法如何设置el-select默认值

标签： el-dialog, element-ui, 遮罩层

上面是“element-ui如何去掉el-dialog遮罩层并且弹窗下面可以编辑”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2872.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！