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-dialog遮罩层并且弹窗下面可以编辑”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:element-ui如何去掉el-dialog遮罩层并且弹窗下面可以编辑

基础教程推荐