Skip to content

Message 消息提示

常用于主动操作后的反馈提示。

基础用法

默认情况下在顶部显示并在 3 秒后消失。

不同状态

用来显示「成功、警告、危险、消息」类的操作反馈。

当需要自定义更多属性时,Message 也可以接收一个对象为参数。 比如,设置 type 字段可以定义不同的状态,默认为info。

修改延时

自定义时长 10s,默认时长为 3s。

Placement

控制消息出现的位置。 消息可以显示在查看端口的顶部(默认) 或其他位置。

Promise 接口

可以通过 then 接口在关闭后运行 callback 。以上用例将在每个 message 将要结束时通过 then 显示新的 message 。

Message API

组件提供了一些静态方法,使用方式和参数如下:

  • IMessage.success(content, [duration])
  • IMessage.warning(content, [duration])
  • IMessage.danger(content, [duration])
  • IMessage.info(content, [duration])
参数说明类型默认值
content提示内容string VNode () => VNode-
duration自动关闭的延时,单位秒。设为 0 时不自动关闭。number3

组件同时提供 promise 接口

  • message[Type](content, [duration]).then(afterClose)

其中message[Type] 是组件已经提供的静态方法。then 接口返回值是 Promise

也可以对象的形式传递参数:

  • message.success(config)
  • message.warning(config)
  • message.danger(config)
  • message.info(config)

config对象属性如下:

参数说明类型默认值
message提示内容string VNode () => VNode-
duration自动关闭的延时,单位秒。设为 0 时不自动关闭。number3
placement消息放置位置。stringtop

基于 MIT 许可发布