【vue】el-dialog点击外部不关闭对话框

【vue】el-dialog点击外部不关闭对话框代码示例<el-dialog title=""append-to-body:close-on-click-modal = "false":visible.sync="box"width="345px"><span>你好</span><span slot="foote

王佑辉

5776人浏览 · 2021-01-27 16:55:37

王佑辉 · 2021-01-27 16:55:37 发布

【vue】el-dialog点击外部不关闭对话框

代码示例

<el-dialog title=""
               append-to-body
               :close-on-click-modal = "false"
               :visible.sync="box"
               width="345px">
	  <span>你好</span>

      <span slot="footer"
            class="dialog-footer">
        <el-button @click="box = false">取 消</el-button>
        <el-button type="primary"
                   @click="submit">确 定</el-button>
      </span>
</el-dialog>

图片示例
在这里插入图片描述
说明：
1.close-on-click-modal属性控制点击模态框是否关闭，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}$/, //不连续的两位字母// /^