跳到主要内容

对话框

用于处理事务时,不希望跳转页面打断当前流程。

注意: 对话框配置之后,需要在事件操作中配置事件才能打开。详见 事件操作

一、属性

1.1 功能

image-20250711111237155

  • 标题: 设置对话框上方用于提示的标题。可以手动输入内容,也可以设置自定义的组件放上去。

    image-20250711111427551
    image-20250711111636537

  • Esc 键: 是否支持按 Esc 键关闭对话框,默认开启。

  • 关闭按钮: 默认开启。开启后右上角会出现一个叉号,点击可关闭对话框。

    image-20250711112410114

  • 销毁: 开启后,关闭对话框时会销毁对话框里的子元素。

  • 显示蒙层: 默认开启。开启后对话框弹出时,页面其他区域会出现灰色蒙层。

    开启状态:

    image-20250711113321251

    关闭状态:

    image-20250711113334834

  • 点击其他区域关闭: 默认开启。开启后点击对话框外部区域时会自动关闭对话框。

1.2 外观

  • 宽度: 设置对话框的宽度,默认 520px。

  • 垂直居中: 默认关闭。开启后,对话框垂直居中显示。

二、常见使用场景

  1. 删除数据或执行其他敏感操作时,弹出对话框提醒用户,需用户确认后才能进行下一步。

    image-20250711114044633

  2. 在不跳转编辑页面的情况下,弹出对话框作为操作区域对数据进行编辑。

    image-20250711114218534