解决方式一 ： 将Dialog下的close-on-click-modal属性改为‘false’。
需要注意的是： 在使用close-on-click-modal属性时，必须在该属性前加“:”。
解决方式二： 可以通过before-close属性，在Dialog关闭时，让用户进行确认是否需要关闭。
before-close 仅当用户通过点击关闭图标或遮罩关闭 Dialog 时起效。如果你在 footer 具名 slot 里添加了用于关闭 Dialog 的按钮，那么可以在按钮的点击回调函数里加入 before-close 的相关逻辑
ElementUI+Vue 解决在使用el-dialog时，点击el-dialog外的其他区域会导致该对话框关闭
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
ElementUI+Vue在使用el-dialog时，如何做到在弹出dialog时，外部呈锁定状态，而不是点击外部导致dialog直接关闭。
element ui 对话框el-dialog关闭事件
el-dialog中点击之外的区域不关闭弹窗
element ui 对话框el-dialog关闭事件（ ×号 ）
elementUI el-dialog弹框居中
elementUI vue this.$confirm 和el-dialog 弹出框 移动
elementUI封装 el-dialog
element 在el-dialog中使用tinymce导致富文本弹窗在el-dialog后的问题
ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗
el-dialog样式