跳到主要内容

eo-modal

<eo-modal>
Alias: <containers.general-modal>

通用模态框容器构件。

Playground

Examples

Width & Height

Playground

MaskClosable

Playground

Fullscreen

Playground

Confirm Text & Cancel Text

Playground

Hide Cancel Button

Playground

Open Event & Close Event

Playground

Properties

NameDescriptionTypeDefaultRequired
modalTitle

标题

string
width

宽度

string | number
maskClosable

点击遮罩层是否关闭模态框

boolean
fullscreen

全屏模式

boolean
closeWhenConfirm

点击确定按钮时自动关闭弹窗

boolean true
confirmDisabled

确认按钮是否禁用

boolean
visible

点击遮罩层是否关闭模态框

boolean
confirmText

确认按钮文本

string
cancelText

取消按钮文本

string
confirmDanger

确认按钮类型

boolean
hideCancelButton

是否隐藏取消按钮

boolean
stackable

是否可堆叠,开启后每次打开抽屉会将新的抽屉置于上层(zIndex ++)

注意:仅初始设置有效。

boolean

Slots

NameDescription
(default)

内容插槽

Events

NameDescriptionEvent Detail
open

打开弹窗事件

void
close

关闭弹窗事件

void
confirm

确认按钮事件

void
cancel

取消按钮事件

void

Methods

NameDescriptionParamsReturns
open

打开模态框方法

close

关闭模态框方法