问题说明
当用户点击修改、新增等按钮弹出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