Toast 3.0.0

面包屑提示组件,页面居中显示一条提示信息。

  • 是一个对象,包含show/hide函数,支持简单的链式调用。
  • 通过调用show函数打开组件,默认显示2s。
  • 通过调用hide函数立刻关闭组件。
使用说明

引用方式

import { Toast } from '$yo-component';

// 如果你的项目中未使用最新的 ykit-config-yo 插件,可能无法使用上面这个语法糖
// 你仍然可以通过下面这种方式来引用
import Toast from 'yo3/component/toast';

基本用法

最简单用法。居中显示一条通知,不影响其他可视区域正常操作。

Toast.show('Toast content');

显示时间

通过传入时间参数,修改内容显示时间。默认显示 2s。

Toast.show('显示3s', 3000);

立即隐藏

立即隐藏显示的内容,支持简单的链式调用。

Toast.show('Toast content').hide();

回调函数

通过传入对应的回调函数,组件会在显示、隐藏之后立即调用。如果连续调用同一个方法,则传入的回调函数也会被执行多次。

Toast.show('callback', 2000, () => console.log('show')).hide(() => console.log('hide'));
方法

show #

打开组件,显示传入的内容

方法参数:

参数名 类型 描述 必选 支持版本
content String 组件显示的内容
autoHideTime Number 内容显示的持续时间,默认2000ms
callback Function 内容显示后触发的回调 3.0.13

hide #

关闭正在显示的组件

方法参数:

参数名 类型 描述 必选 支持版本
callback Function 内容隐藏后触发的回调 3.0.13