el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失

02-28 阅读 0评论

使用场景

el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,方法,取消,第1张
(图片来源网络,侵删)

在使用Dialog组件时,当点击弹框外的空白处时,仍然会触发关闭弹框事件,一些业务场景不适合使用这种交互,需要只能点击关闭和取消按钮才消失。

el-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)
el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,方法,取消,第3张
(图片来源网络,侵删)
el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,el-dialog点击空白不允许关闭,只能点击关闭和取消按钮才消失,词库加载错误:未能找到文件“C:\Users\Administrator\Desktop\火车头9.8破解版\Configuration\Dict_Stopwords.txt”。,使用,方法,取消,第4张
(图片来源网络,侵删)

免责声明
本网站所收集的部分公开资料来源于AI生成和互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。
文章版权声明:除非注明,否则均为主机测评原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,人围观)

还没有评论,来说两句吧...

目录[+]