文字提示
加载提示
成功/失败提示
Toast.fail('失败文案');
高级用法
组件内调用
export default {
mounted() {
this.$toast('提示文案');
}
单例模式
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
type | 提示类型,可选值为 loading success fail html | String | text | - |
position | 位置,可选值为 top middle bottom | String | - | |
message | 内容 | String | '' | - |
mask | 是否显示背景蒙层 | Boolean | false | - |
forbidClick | 是否禁止背景点击 | Boolean | false | - |
loadingType | 加载图标类型, 可选值为 spinner | String | circular | 1.1.3 |
duration | 展示时长(ms),值为 0 时,toast 不会消失 | Number | 3000 | - |
className | 自定义类名 | String | Array | Object | - | 1.6.0 |
getContainer | 指定挂载的节点,可以传入选择器,或一个返回节点的函数 | String | () => HTMLElement | 1.6.3 |