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">
相关推荐
饮水机战神几秒前
震惊!多核性能反降11%?node接口压力测试出乎意料!
前端·node.js
一只叁木Meow1 分钟前
JavaScript数学库深度对比
前端
顾辰逸you3 分钟前
uniapp--咸虾米壁纸项目(一)
前端·微信小程序
方方洛18 分钟前
电子书阅读器:epub电子书文件的解析
前端·产品·电子书
idaibin18 分钟前
Rustzen Admin 前端简单权限系统设计与实现
前端·react.js
GISer_Jinger24 分钟前
Trae Solo模式生成一个旅行足迹App
前端·javascript
zhangbao90s25 分钟前
Intl API:浏览器原生国际化API入门指南
前端·javascript·html
艾小码28 分钟前
构建现代前端工程:Webpack/Vite/Rollup配置解析与最佳实践
前端·webpack·node.js
跟橙姐学代码33 分钟前
Python 集合:人生中最简单的真理,只有一次
前端·python·ipython
复苏季风34 分钟前
站在2025 年 来看,现在应该怎么入门CSS
前端·css