element-ui 禁止dialog和messagebox点击空白处关闭

单个禁止

• 单个禁止dialog点击空白关闭

	<el-dialog :close-on-click-modal="false">
		........
	</el-dialog>

需要注意，close-on-click-modal前必须加:

• 单个禁止messageBox点击空白关闭

this.$confirm('文本内容？', '标题', {
	closeOnClickModal: false
}).then(() => {
	this.$message({
		type: 'info',
		message: '保存修改'
	});
})

messageBox有四种：
$msgbox(options): 默认closeOnClickModal为false
$alert(message, title, options) 或 $alert(message, options)：默认closeOnClickModal为true
$confirm(message, title, options) 或 $confirm(message, options)：默认closeOnClickModal为false
$prompt(message, title, options) 或 $prompt(message, options)：默认closeOnClickModal为false
禁止的方法相同

全局禁止

• 全局禁止dialog点击空白关闭
  在index.js/main.js，
  ···
  import ElementUI from ‘element-ui’
  ElementUI.Dialog.props.closeOnClickModal.default = false
  ···
• 全局禁止messageBox点击空白关闭
  在index.js/main.js，
  ···
  import ElementUI from ‘element-ui’
  ElementUI.MessageBox.setDefaults({
  closeOnClickModal: false
  })
  ···