elementUI如何dialog对话框 不设置 点击遮罩层 自动关闭的功能

背景

用户在填写dialog对话框的时候,有时候误触 遮罩层,导致form表单直接关闭,用户的信息丢失

代码

要使对话框在点击遮罩层时关闭,您需要在 el-dialog 组件上将 close-on-click-modal 属性设置为 false。以下是更新后的代码:

html 复制代码
<el-dialog :title="title" v-model="open" width="500px" append-to-body :close-on-click-modal="false">
相关推荐
超级土豆粉4 分钟前
npm 包 scheduler 介绍
前端·npm·node.js
bug爱好者5 分钟前
原生小程序如何实现跨页面传值
前端·javascript
随笔记8 分钟前
uniapp开发的小程序输入框在ios自动填充密码,如何欺骗苹果手机不让自动填充
前端·ios·app
bug爱好者14 分钟前
原生微信小程序最实用的工具函数合集
前端·javascript
3Katrina17 分钟前
JS事件机制详解(2)--- 委托机制、事件应用
前端·javascript·面试
Allen Bright22 分钟前
【CSS-15】深入理解CSS transition-duration:掌握过渡动画的时长控制
前端·css
张鑫旭23 分钟前
40岁老前端2025年上半年都学了什么?
前端
前端wchen25 分钟前
Vue 3 组件通信实战系列(一)父子组件通信的标准姿势:Props 与 Emit(含实战与进阶技巧)
前端·vue.js
code_YuJun37 分钟前
从内存角度理解JS代码执行过程
javascript
Jerry Lau38 分钟前
go go go 出发咯 - go web开发入门系列(一) helloworld
开发语言·前端·golang