el-dialog点击空白不允许关闭，只能点击关闭和取消按钮才消失
分类： vue 专栏： vue 标签： vue弹出框点击阴影不关闭
2022-11-04 17:20:45 381浏览
el-dialog点击空白不允许关闭，只能点击关闭和取消按钮才消失
el-dialog点击空白不允许关闭，只能点击关闭和取消按钮才消失
方案一
<el-dialog
:close-on-click-modal="false"
:close-on-press-escape="false"
v-if="businessReview"
:visible.sync="businessReview"
title="测试"
top="25vh"
width="310px"
class="business-review-dialog">
</el-dialog>
1
方法二
// main.js 中可以全局设置 点击空白处、按下ESC不能关闭Dialog弹窗 // 首先你得保证在main.js里面引入了 element-ui import ElementUI from 'element-ui' // 全局修改默认配置，点击空白处不能关闭弹窗 ElementUI.Dialog.props.closeOnClickModal.default = false // 全局修改默认配置，按下ESC不能关闭弹窗 ElementUI.Dialog.props.closeOnPressEscape.default = false Vue.use(ElementUI)
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
暂无评论，快来写一下吧
展开评论
他的专栏
java 
Mysql 
springboot 
vue 
ssm 
js和jquery 
uniapp 
小程序 
html+css 他感兴趣的技术
