对话框
用于处理事务时,不希望跳转页面打断当前流程。
注意: 对话框配置之后,需要在事件操作中配置事件才能打开。详见 事件操作。
一、属性
1.1 功能
-
标题: 设置对话框上方用于提示的标题。可以手动输入内容,也可以设置自定义的组件放上去。
-
Esc 键: 是否支持按 Esc 键关闭对话框,默认开启。
-
关闭按钮: 默认开启。开启后右上角会出现一个叉号,点击可关闭对话框。
-
销毁: 开启后,关闭对话框时会销毁对话框里的子元素。
-
显示蒙层: 默认开启。开启后对话框弹出时,页面其他区域会出现灰色蒙层。
开启状态:
关闭状态:
-
点击其他区域关闭: 默认开启。开启后点击对话框外部区域时会自动关闭对话框。
1.2 外观
-
宽度: 设置对话框的宽度,默认 520px。
-
垂直居中: 默认关闭。开启后,对话框垂直居中显示。
二、常见使用场景
-
删除数据或执行其他敏感操作时,弹出对话框提醒用户,需用户确认后才能进行下一步。
-
在不跳转编辑页面的情况下,弹出对话框作为操作区域对数据进行编辑。