## Toast 轻提示 ### 使用指南 `Toast`和其他组件不同,不是通过HTML结构的方式来使用,而是通过函数调用的方式。使用前需要先引入它。 ```js import { Toast } from 'vant'; ``` ### 代码演示 #### 基础用法 :::demo 基础用法 ```html 普通文字提示 加载Toast 成功 失败 背景不能点击 倒数5秒 ``` ::: #### 手动关闭 :::demo 手动关闭 ```html 打开 关闭 ``` ::: #### 传入html :::demo 手动关闭 ```html 打开 ``` ::: ### 基础用法 #### Toast(options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | type | 类型 | String | 'text' | 'text', 'loading', 'success', 'fail', 'html' | | message | 内容 | String | '' | - |\| message | 内容 | String | '' | - | forbidClick | 不允许背景点击 | Boolean | false | true, false| | duration | 时长(ms) | Number | 3000ms | -| ### 快速用法 #### Toast(message) || Toast(message, options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | message | 内容 | String | '' | - | | forbidClick | 不允许背景点击 | Boolean | false | true, false| | duration | 时长(ms) | Number | 3000ms | -| #### Toast.loading() || Toast.loading(message, options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | forbidClick | 不允许背景点击 | Boolean | false | true, false| | duration | 时长(ms) | Number | 3000ms | -| #### Toast.success(message) || Toast.success(message, options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | type | 类型 | String | 'text' | 'text', 'loading', 'success', 'failure' | | forbidClick | 不允许背景点击 | Boolean | false | true, false| | duration | 时长(ms) | Number | 3000ms | -| #### Toast.fail(message) || Toast.fail(message, options) | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | type | 类型 | String | 'text' | 'text', 'loading', 'success', 'failure' | | forbidClick | 不允许背景点击 | Boolean | false | true, false| | duration | 时长(ms) | Number | 3000ms | -| #### Toast.clear() 关闭toast。