element-dialog对话框去掉覆盖层后解决无法操作底层的按钮的问题

话不多说直接上代码


有一个需求就是当弹出对话框时,去掉覆盖层,并可以操作对话框以外的下层区域;
当我们设置append-to-body :modal=“false” 这两个属性去掉覆盖层后出现一个问题就是无法操作后面的元素;
这个时候就需要设置css 样式来解决

.el-dialog__wrapper{
  pointer-events: none;
}
.el-dialog{
  pointer-events: auto;
}

我们设置这个两个css属性即可;亲自尝试有效果大家可以放心使用;

你可能感兴趣的:(前端,css3,javascript)