vue2toast
Install
npm i @lanxuexing/vue2toast --save
Settings
| Name | Default | Type | Description |
|---|---|---|---|
| duration | 200 | Number | The duration of the toast |
| callback | null | Number | The callback of the toast |
Usage
There are two different ways to manage a Toast.
Calling api
// import plugin
import Vue2Toast from '@lanxuexing/vue2toast';
// register plugin on vue
Vue.use(Vue2Toast)
// add a toast on screen
this.$toast.show("Hello, Toast");
// you can manually hide the toast, or it will automatically disappear after a `duration` ms timeout.
this.$toast.show("Hello, Toast", {
duration: 500
});
// you can add callback functions after toast display is complete
this.$toast.show("Hello, Toast", function() {
// do anything
});Run example:
cd ./vue2toast
npm install