el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失
使用场景
(图片来源网络,侵删)
在使用Dialog组件时,当点击弹框外的空白处时,仍然会触发关闭弹框事件,一些业务场景不适合使用这种交互,需要只能点击关闭和取消按钮才消失。
方法一
// close-on-click-modal 是否可以通过点击 modal 关闭 Dialog // close-on-press-escape 是否可以通过按下 ESC 关闭 Dialog
方法二
// 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)
(图片来源网络,侵删)
(图片来源网络,侵删)
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。
还没有评论,来说两句吧...