Appearance
Message
基本使用
展开
关闭时间
展开
事件
展开
Props
| 参数名 | 参数类型 | 类型简介 | 示例 | 默认值 |
|---|---|---|---|---|
| content | string | VNode | message内容, 允许使用vnode | #基本使用 | '' |
| type | MessageType | message主题 | #基本使用 | 'info' |
| gap | Number | 前一个message与后一个message之间的间距, 如果只有一个message则表示为当前message上边缘与窗口的间距 | #基本使用 | 16 |
| appendTo | String | 指定message添加到那个元素内, 默认为 body | - | 'body' |
| id | String | message id, 一般自动生成 | - | '' |
| onClose | MessageEvents['onClose'] | 当message被关闭时触发的事件 | #事件 | - |
| onDestory | MessageEvents['onDestory'] | 当message被销毁时触发的事件 | #事件 | - |
| duration | Number | message关闭事件 | #关闭时间 | 2000 |
onClose事件与onDestory事件有什么不同?
二者最大的不同便是onClose事件触发时DOM元素可能是不被销毁的。但onDestory事件触发时DOM将会被销毁