Toast 轻量提示

一般用于展示 轻量简短 的提示，例如操作成功、操作失败等。

TIP

该弹出层支持 Promise 风格 调用，具体可以查看 等待弹出层关闭。

基础使用

调用 toast 方法可以弹出一条轻量提示，在屏幕居中显示。

快速使用主题 1.5.0+

直接使用 toastPrimary() 、 toastSuccess() 、 toastInfo() 、 toastWarning() 、 toastDanger() 方法可以快速显示不同主题的轻量提示。

WARNING

在 1.5.x 版本，快速主题方法的使用方式是：

• popup.toast.success()
• popup.toast.info()
• popup.toast.warning()
• popup.toast.danger()

这些方法使用的是静态方法，无法动态同步组件上下文，因此从 1.6.0 版本开始被废弃，因此请使用新的主题方法代替：

• popup.toastPrimary()
• popup.toastSuccess()
• popup.toastInfo()
• popup.toastWarning()
• popup.toastDanger()

设置主题

通过 theme 属性可以设置轻量提示的主题，默认值为 primary，支持的主题有 primary、info、success、warning、danger。

设置位置 1.5.0+

通过 placement 属性可以设置轻量提示的位置，默认值为 center，支持的位置有：

• left-top
• left
• left-bottom
• top
• center
• bottom
• right-top
• right
• right-bottom

持续时间

通过 duration 属性可以设置轻量提示显示的持续时间，单位为毫秒，默认值为 2000 毫秒。

从 开始，duration 属性支持设置为 0 ，表示不会自动关闭，同时会强制显示关闭按钮。

显示关闭按钮 1.5.0+

通过 showClose 属性可以设置是否显示关闭按钮，允许用户手动关闭轻量提示，默认值为 false。

禁用鼠标悬停持续显示 1.5.0+

从 开始，轻量提示默认开启鼠标悬停持续显示，当用户鼠标悬停在轻量提示上时，将会持续显示，直到鼠标移出轻量提示区域，轻量提示才会自动关闭。

通过将 hoverWait 属性设置为 false 可以禁用鼠标悬停持续显示。

等待弹出层关闭

该方法返回一个 Promise<void> 对象，当弹出层关闭后，会执行 resolve 方法，因此你可以通过 await 来等待弹出层关闭。

详细配置

具体可以参考 预置插件 API - Toast 轻量提示。