el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失
组件时,当点击弹框外的空白处时,仍然会触发关闭弹框事件,一些业务场景不适合使用这种交互,需要只能点击关闭和取消按钮才消失。
·
使用场景
在使用Dialog组件时,当点击弹框外的空白处时,仍然会触发关闭弹框事件,一些业务场景不适合使用这种交互,需要只能点击关闭和取消按钮才消失。
方法1
// close-on-click-modal 是否可以通过点击 modal 关闭 Dialog
// close-on-press-escape 是否可以通过按下 ESC 关闭 Dialog
:close-on-click-modal="false"
:close-on-press-escape="false"
方法2
// 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)
更多推荐
已为社区贡献1条内容
所有评论(0)