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">
相关推荐
p***h64313 分钟前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
N***738528 分钟前
Vue网络编程详解
前端·javascript·vue.js
e***716728 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜30 分钟前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽30 分钟前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、1 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
q***38512 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户47949283569152 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
Nan_Shu_6142 小时前
学习:Sass
javascript·学习·es6
WYiQIU3 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试