vuejs-toasts
v1.0.4
Published
A toast component for mobile webapp, by vue.js
Downloads
16
Readme
Installation
npm i vuejs-toasts --save
Usage
//main.js
import Toast from 'vuejs-toasts';
Vue.use(Toast);
//.vue files
/*show component*/
this.$toast.show({text: 'hello world'});
/*close component*/
this.$toast.close();
Preview
this.$toast.show({
text: 'hello world!',
type: 'info'
});
Option
use option to custom the component. option is an object. Use option in the following ways:
- Set option once.
this.$toast.show(option);
- Set option globally, the next time you show the component, option would still be effective.
Vue.use(Toast, option);
option available:
| key | type | default | description | | :-: | :-: | :-: | ------ | | text | string | | toast text | | type | string | "normal" | type of toast, can be "normal", "success", "fail" or "info" | | mask | boolean | true | whether to show a fullscreen,transparent mask | | callback | function | | function to call when toast is closed | | duration | number | 2000 | auto close time, 1000 = 1 second; |
License
The MIT License