Skip to content
On this page

模态框

由于一个页面可能会有很多个模态框,为了代码方便阅读及管理,需要将每一个模态框提取为组件,然后在用到的地方进行 组件引用

基本使用

useModal API

属性说明类型默认值版本
t国际化备注string
visible弹框是否可见booleanfalse
closable点击空白区域是否可以关闭booleantrue
height高度number
minHeight最小高度number
width宽度number | string
draggable是否支持弹窗拖拽booleantrue
defaultFullscreen默认全屏booleanfalse
canFullscreen是否支持全屏booleantrue
title弹框标题string | ComputedRef<string> | ((data: Recordable) => String)
loading弹框是否显示加载booleantrue
loadingTip加载提示string加载中...
useWrapper是否使用modalWrapperbooleantrue
showOkBtn是否显示保存按钮booleantrue
showCancelBtn是否显示关闭按钮booleantrue
okText保存文字string'保存'
cancelText取消文字string'关闭'
footerfooter按钮ButtonProps[]
bodyStylebody样式CSSProperties
getContainer挂载位置
closeFunc按钮关闭前的钩子函数() => Promise<boolean>
afterClose弹框关闭后钩子函数() => void