背景
用户在填写
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">