MessageBox 弹框
模拟系统的消息提示框而实现的一套模态对话框组件,用于消息提示、确认消息和提交内容。
基本用法
Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
type | 消息类型,用于显示图标 | string | success / info / warning / error | '' |
title | 标题 | string | - | 提示 |
message | 消息正文内容 | string | - | '' |
buttons | 底部按钮组 | [RenderBtn] | - | [] |
customClass | 自定义类名 | string | - | '' |
showClose | 展示右上角的关闭按钮 | boolean | true/false | true |
closeOnClickModal | 是否可通过点击遮罩关闭 | boolean | true/false | true |
lockScroll | 是否在 MessageBox 出现时将 body 滚动锁定 | boolean | true/false | true |
Events
事件名称 | 说明 | 回调参数 |
complete | 渲染完成的回调函数 | '' |
beforeClose | MessageBox 关闭前的回调,会暂停实例的关闭 | (event) => return true |
closed | 关闭后的回调 | (event) |
type RenderBtn = {
cb?: Function // click handle callback
customClass?: string
style?: string
type?: string // button/submit
text?: string // button text
prevIcon?: string // button prev icon name
nextIcon?: string // button next icon name
}