Skip to content

API 文档

EZModal Props

名称类型默认值说明
modelValuebooleanfalsev-model 显隐
titlestring'EZModal的标题'标题文本
showCloseButtonbooleantrue显示关闭按钮
closeOnEscbooleantrue是否支持 ESC 关闭
closeOnClickMaskbooleantrue是否支持点击遮罩关闭
lockScrollbooleantrue打开时锁定 body 滚动
beforeClose(reason) => boolean | Promise<boolean> | voidundefined关闭前拦截
appendTostring | false'body'Teleport 目标,false 表示禁用
widthstring | number'50%'弹窗宽度
maxWidthstring | number | undefinedundefined弹窗最大宽度
fullscreenbooleanfalse全屏模式
showMaskbooleantrue是否显示遮罩
maskOpacitynumber0.4遮罩透明度(0-1)
destroyOnClosebooleanfalse关闭后是否销毁内容
customClassstring''面板自定义类名
zIndexnumber | undefinedundefined弹层 z-index
centeredbooleanfalse是否居中
draggablebooleanfalse是否支持拖动

EZModal Emits

事件名参数说明
update:modelValue(value: boolean)更新显示状态
open()打开前触发
opened()打开动画完成后触发
close()请求关闭时触发
closed()关闭动画完成后触发

EZModal Slots

插槽名参数说明
default-弹窗正文内容
title-自定义标题区域
footer-自定义底部区域

EZModal Expose

方法名签名说明
open() => void打开弹窗
close() => void请求关闭弹窗
toggle() => void切换开关