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">
相关推荐
多加点辣也没关系10 小时前
JavaScript|第9章:对象 — 基础
开发语言·javascript·ecmascript
没有了遇见10 小时前
AI Agent 是什么?—— 一文理解 LLM、Memory、Skills、Tools、MCP、Workflow,Context
android·前端·程序员
后台开发者Ethan10 小时前
setState组件更新
前端·javascript·react
谙忆102411 小时前
大文件上传实战:前端分片、断点续传、秒传与并发控制怎么落地
前端
轻动琴弦11 小时前
VoltTool —— 一站式在线开发者工具平台,69+实用工具免费使用
前端·chrome
就叫飞六吧11 小时前
不同站点iframe嵌套种cookie、localstorege.set() 关系
前端
星栈11 小时前
LiveView 怎么测:从组件测试到端到端,我终于不再只敢手点页面了
前端·前端框架·elixir
蜡台11 小时前
uniapp vue2 转 vue3
前端·javascript·uni-app·vue3·vue2
Web4Browser11 小时前
Headless 浏览器自动化适合哪些任务?巡检、截图和提交动作要分级
运维·前端·自动化
用户0595401744611 小时前
把前端内存泄漏排查从2小时压到5分钟,我们把它集成进了CI
前端·css