FMessage 组件
默认使用
引入Hooks方法useMessage来创建一个实例,在调用上面的 message 方法
type属性可以选择:success、info、warning、error、default,默认值为:default
不同类型的消息提示
可以使用message 通过传递type属性来控制不同的消息类型。 也可以通过消息实例上面的方法:success、warning、info、error来控制消息类型
实例消息方法:message、success、warning、info、error
控制消息显示时长
可以使用duration属性控制消息显示时长,通常是设置毫秒数值(2000、3000等),如果设置为0|notime,则消息不会自动关闭,且会自动开启关闭图标。
显示关闭按钮
可以使用showClose属性开启关闭图标,点击关闭图标,消息会自动关闭。 但是如果你设置duration属性为0|notime,则自动显示关闭图标。
showClose属性可以选择:true、false, 默认值是:false
Props
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
type | 消息类型 | string | success、info、warning、error、default | default |
msg | 消息内容 | string | 无 | '' |
duration | 消息时长 | number||'notime' | number、notime、0 | 2000 |
icon | 图标类名 | string | 详情查看图标列表 | circle-information |
showClose | 手动关闭图标 | boolean | true、false | false |
zIndex | 控制元素层级 | number | number | 1000 |
Events
| 名称 | 说明 | 类型 | 参数 | 返回值 |
|---|---|---|---|---|
onClose | 消息关闭事件 | Function | (type,msg,show(false),close(true))=>{} | 无 |
onShow | 消息显示事件 | Function | (type,msg,show(true),close(false))=>{} | 无 |
