在vue项目中使用element-ui组件库,经常会使用到弹框,有时我们需要禁止禁止点击遮罩弹框消失,也就是在点击遮罩层时,不要弹框消失,该如何处理?

1. 代码

// 全局上禁止 dialog弹框 点击遮罩层弹框消失
Element.Dialog.props.closeOnClickModal.default = false
// 全局上禁止 MessageBox弹框 点击遮罩层弹框消失
Element.MessageBox.setDefaults({
  closeOnClickModal: false
})