blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/markdown/en-US/toast.md
neverland d8b6ad7d54
[new feature] add i18n support (#310) 
* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

* [new feature] update document header style

* [Doc] add toast english ducoment

* [new feature] add i18n support

* feat: Extract demos from markdown

* feat: Base components demos

* [new feature] complete demo extract & translate

* [fix] text cases

* fix: add deepAssign test cases

* fix: changelog detail

* [new feature] AddressEdit support i18n
2017-11-15 20:08:51 -06:00

1.6 KiB
Raw Blame History

Toast

Install

import { Toast } from 'vant';

Usage

Text

Toast('Some messages');

Loading

Toast.loading({ mask: true });

Success/Fail

Toast.success('Success');
Toast.fail('Fail');

Advanced Usage

const toast = Toast.loading({
  duration: 0,       // continuous display toast
  forbidClick: true, // forbid click background
  message: '3 seconds'
});

let second = 3;
const timer = setInterval(() => {
  second--;
  if (second) {
    toast.message = `${second} seconds`;
  } else {
    clearInterval(timer);
    Toast.clear();
  }
}, 1000);

Methods

Methods Attribute Return value Description
Toast `options message` toast instance
Toast.loading `options message` toast instance
Toast.success `options message` toast instance
Toast.fail `options message` toast instance
Toast.clear - void Close

Options

Attribute Description Type Default Accepted Values
type Type String text loading success fail html
message Message String '' -
position Position String middle top bottom
mask Whether to show mask Boolean false -
forbidClick Whether to forbid click background Boolean false -
duration Toast duration(ms) Number 3000 Toast won't disappear if value is 0