• Dialog 对话框
    • 基本用法
    • 自定义内容
    • Attributes
    • Events

    Dialog 对话框

    在保留当前页面状态的情况下，告知用户并承载相关操作。

    基本用法

    Dialog 弹出一个对话框，适合需要定制性更大的场景。

    Dialog 对话框 - 图1

    自定义内容

    Dialog 组件的内容可以是任意的，甚至可以是表格或表单，下面是应用了 Element Table 和 Form 组件的两个样例。

    Dialog 对话框 - 图2

    Attributes

    参数说明类型可选值默认值
    titleDialog 的标题string——
    sizeDialog 的大小stringtiny/small/large/fullsmall
    topDialog CSS 中的 top 值（仅在 size 不为 full 时有效）string—15%
    modal是否需要遮罩层boolean—true
    lockScroll是否在 Dialog 出现时将 body 滚动锁定boolean—true
    customClassDialog 的自定义类名string——
    closeOnClickModal是否可以通过点击 modal 关闭 Dialogboolean—true
    closeOnPressEscape是否可以通过按下 ESC 关闭 Dialogboolean—true

    Events

    事件名称说明回调参数
    onCloseDialog 关闭的回调—
    onOpenDialog 打开的回调—