el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失
分类: vue 专栏: vue 标签: vue弹出框点击阴影不关闭
2022-11-04 17:20:45 343浏览
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)展开评论
暂无评论,快来写一下吧
展开评论
他的专栏
他感兴趣的技术