Message 消息提示 ​

常用于主动操作后的反馈提示。 与 Notification 的区别是后者更多用于系统级通知的被动提醒。

基础用法 ​

从顶部出现，3 秒后自动消失。

不同状态 ​

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

可关闭的消息提示 ​

可以添加关闭按钮。

使用 HTML 片段作为正文内容 ​

message 还支持使用 HTML 字符串作为正文内容。

全局方法 ​

Vangle 为 app.config.globalProperties 添加了全局方法 $message。 因此在 vue 实例中你可以使用当前页面中的调用方式调用 Message

单独引用 ​

import { VanMessage } from 'vangle'

import { VanMessage } from 'vangle'

此时调用方法为 VanMessage(options)。 我们也为每个 type 定义了各自的方法，如 VanMessage.success(options)。 并且可以调用 VanMessage.closeAll() 手动关闭所有实例。

Message API ​

Message 配置项 ​

Message 方法 ​

调用 Message 或 this.$message 会返回当前 Message 的实例。 如果需要手动关闭实例，可以调用它的 close 方法。