我的代码
<el-dialog :visible.sync="isShow" :modal="false"></el-dialog>
点击“Esc”按键无法关闭弹窗,然后在官方例子中是可以按Esc关闭弹窗,
去查看官方文档,如下:
close-on-press-escape默认为“true” ,百思不得其解
之后代码改为:
<el-dialog :visible.sync="isShow" :modal="false" append-to-body></el-dialog>
append-to-body | Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true |
然后检查全局是否设置禁止 Esc关闭弹窗的代码即如下代码:
import Vue from 'vue';
import ElementUI from 'element-ui';
// 全局修改默认配置,点击空白处不能关闭弹窗
ElementUI.Dialog.props.closeOnClickModal.default = false;
// 全局修改默认配置,按下ESC不能关闭弹窗
ElementUI.Dialog.props.closeOnPressEscape.default = false;
Vue.use(ElementUI);
经查找也没有该设置
后来把 :modal=“false” 去掉,按Esc可以关闭弹窗了,猝不及防............
拓展: 修改遮罩层颜色
.v-modal{ background-color: transparent; }