属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
modelValue(v-model) | 绑定值 | boolean | - |
side | 位置 | 'top' | 'bottom' | 'left' | 'right' | 'right' |
title | 标题 | string | - |
description | 描述 | string | - |
loading | 是否加载中 | boolean | false |
closable | 是否显示关闭按钮 | boolean | true |
centered | 头部是否居中 | boolean | false |
bordered | 是否显示边框 | boolean | true |
overlay | 是否显示遮罩 | boolean | true |
overlayBlur | 是否开启遮罩模糊 | boolean | false |
showConfirmButton | 是否显示确认按钮 | boolean | true |
showCancelButton | 是否显示取消按钮 | boolean | false |
confirmButtonText | 确认按钮文本 | string | '确认' |
cancelButtonText | 取消按钮文本 | string | '取消' |
confirmButtonDisabled | 确认按钮是否禁用 | boolean | false |
confirmButtonLoading | 确认按钮是否加载中 | boolean | false |
header | 是否显示头部内容 | boolean | true |
footer | 是否显示底部内容 | boolean | true |
closeOnClickOverlay | 是否点击遮罩关闭 | boolean | true |
closeOnPressEscape | 是否按下 ESC 关闭 | boolean | true |
class | 自定义类名 | string | - |
headerClass | 头部自定义类名 | string | - |
contentClass | 内容自定义类名 | string | - |
footerClass | 底部自定义类名 | string | - |
插槽名 | 说明 |
---|---|
default | 自定义默认内容 |
header | 头部内容 |
footer | 底部内容 |
事件名 | 说明 | 回调参数 |
---|---|---|
open | 打开时触发 | () => void |
opened | 打开动画结束时触发 | () => void |
close | 关闭时触发 | () => void |
closed | 关闭动画结束时触发 | () => void |
confirm | 确认时触发 | () => void |
cancel | 取消时触发 | () => void |