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">
相关推荐
LuckySusu几秒前
【vue篇】Vue 中保持页面状态的终极方案:从卸载到缓存
前端·vue.js
渣哥9 分钟前
面试必问:Spring 框架的核心优势,你能说全吗?
javascript·后端·面试
千码君20161 小时前
React Native::关于react的匿名函数
javascript·react native·react.js·匿名函数·usecallback·命名函数·记忆化函数
晨旭缘1 小时前
从零搭建 React Native 到项目运行全记录(0.73.6 稳定版)
javascript·react native·react.js
IT_陈寒1 小时前
Python 3.11性能翻倍秘诀:7个你从未注意过的隐藏优化点!
前端·人工智能·后端
学习编程的Kitty2 小时前
算法——位运算
java·前端·算法
IT利刃出鞘2 小时前
WordPress--代码块添加折叠和展开功能
javascript
程序猿阿伟2 小时前
《3D动作游戏受击反馈:从模板化硬直到沉浸式打击感的开发拆解》
前端·网络·3d
jsonchao2 小时前
web 菜鸟级选手,纯好玩,做了 1 个小游戏网站(我感觉挺好玩😂)
前端
Onion2 小时前
解决 iframe 中鼠标事件丢失问题:拖拽功能的完整解决方案
前端·javascript·vue.js