ElementUI+vue中点击el-dialog区域以外，会关闭对话框的解决办法。

需求目标：当用户点击修改、新增等按钮弹出el-dialog输入框时，除了点击el-dialog弹框内关闭按钮以外，不能让该弹框关闭。方法一：（添加:close-on-click-modal="false"）<el-dialog title="新增用户" :close-on-click-modal="false":visible.sync="dialogEnrol" width="30%"&g

XRaySir

5734人浏览 · 2021-12-24 10:53:51

XRaySir · 2021-12-24 10:53:51 发布

需求目标：

当用户点击修改、新增等按钮弹出el-dialog输入框时，除了点击el-dialog弹框内关闭按钮以外，不能让该弹框关闭。

方法一：（添加:close-on-click-modal="false"）

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

方法二：（全局配置）

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^