el-dialog点击外面不关闭

el-dialog点击外面不关闭可以通过两种方法来实现。

方法一：在el-dialog组件中设置close-on-click-modal属性为false。例如：

<el-dialog :close-on-click-modal="false" title="业务" top="25vh" width="320px" class="business-review-dialog">
</el-dialog>

这样设置后，点击modal区域外部不会关闭dialog。

方法二：在main.js中全局设置点击空白处不能关闭弹窗。首先确保在main.js中引入了element-ui，并且使用Vue.use(ElementUI)来注册element-ui组件。然后可以通过修改默认配置来实现。例如：

import ElementUI from 'element-ui'
// 全局修改默认配置，点击空白处不能关闭弹窗
ElementUI.Dialog.props.closeOnClickModal.default = false
Vue.use(ElementUI)

这样设置后，所有的el-dialog组件都会默认点击空白处不关闭。

以上是两种实现el-dialog点击外面不关闭的方法。你可以根据自己的需求选择其中一种来使用。
#### 引用[.reference_title]
- *1* *2* [el-dialog点击空白不允许关闭，只能点击关闭和取消按钮才消失](https://blog.csdn.net/weixin_69811594/article/details/129624829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-dialog中点击之外的区域不关闭弹窗](https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/123850677)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]