[element-ui] 点击el-dialog区域以外,会关闭对话框的解决办法

问题说明

当用户点击修改、新增等按钮弹出el-dialog输入框时,点击el-dialog弹框内关闭按钮以外区域时,弹框关闭

解决问题

点击el-dialog弹框内关闭按钮以外区域时,弹框不关闭解决方法:

(1)方法一:添加:close-on-click-modal=“false”

<el-dialog title="新增" :close-on-click-modal="false"  :visible.sync="dialogShow" width="30%">
  弹窗内容
</el-dialog>

(2)方法二:全局配置

在main.js文件中

import ElementUI from 'element-ui';
// 修改 el-dialog 默认点击遮照为不关闭
ElementUI.Dialog.props.closeOnClickModal.default = false

猜你喜欢

转载自blog.csdn.net/Ls66666Ls/article/details/132313014
今日推荐