Skip to content

FMessage 组件

默认使用

引入Hooks方法useMessage来创建一个实例,在调用上面的 message 方法

  • type属性可以选择:success、info、warning、error、default,默认值为:default

不同类型的消息提示

可以使用message 通过传递type属性来控制不同的消息类型。 也可以通过消息实例上面的方法:successwarninginfoerror来控制消息类型

  • 实例消息方法messagesuccesswarninginfoerror

控制消息显示时长

可以使用duration属性控制消息显示时长,通常是设置毫秒数值(2000、3000等),如果设置为0|notime,则消息不会自动关闭,且会自动开启关闭图标。

显示关闭按钮

可以使用showClose属性开启关闭图标,点击关闭图标,消息会自动关闭。 但是如果你设置duration属性为0|notime,则自动显示关闭图标。

  • showClose属性可以选择:true、false , 默认值是:false

Props

属性说明类型可选值默认值
type消息类型stringsuccess、info、warning、error、defaultdefault
msg消息内容string''
duration消息时长number||'notime'number、notime、02000
icon图标类名string详情查看图标列表circle-information
showClose手动关闭图标booleantrue、falsefalse
zIndex控制元素层级numbernumber1000

Events

名称说明类型参数返回值
onClose消息关闭事件Function(type,msg,show(false),close(true))=>{}
onShow消息显示事件Function(type,msg,show(true),close(false))=>{}

Released under the MIT License.