Skip to content

FaModal 弹窗

Props

属性名说明类型默认值
modelValue(v-model)是否显示boolean-
title标题string-
description描述string-
icon图标'info' | 'success' | 'warning' | 'error'-
loading是否加载中boolean-
closable是否显示关闭按钮booleantrue
maximize是否最大化booleanfalse
maximizable是否显示最大化按钮booleanfalse
draggable是否可拖动booleanfalse
center是否内容居中booleanfalse
border是否显示边框booleantrue
alignCenter是否窗口居中booleanfalse
overlay是否显示遮罩booleantrue
overlayBlur是否开启遮罩模糊booleanfalse
showConfirmButton是否显示确认按钮booleantrue
showCancelButton是否显示取消按钮booleanfalse
confirmButtonText确认按钮文本string'确认'
cancelButtonText取消按钮文本string'取消'
confirmButtonDisabled确认按钮是否禁用booleanfalse
confirmButtonLoading确认按钮是否加载中booleanfalse
header是否显示头部内容booleantrue
footer是否显示底部内容booleantrue
closeOnClickOverlay是否点击遮罩关闭booleantrue
closeOnPressEscape是否按下 ESC 关闭booleantrue
class自定义类名string-
headerClass头部自定义类名string-
contentClass内容自定义类名string-
footerClass底部自定义类名string-

Slots

插槽名说明
default自定义默认内容
header头部内容
footer底部内容

Events

事件名说明回调参数
open打开时触发() => void
opened打开动画结束时触发() => void
close关闭时触发() => void
closed关闭动画结束时触发() => void
confirm确认时触发() => void
cancel取消时触发() => void