vue2-toast-plugin

Usage

Use vue-cli

npm install vue2-toast-plugin --save

import Toast from "vue2-toast-plugin";
import "vue2-toast-plugin/dist/style.css";
Vue.use(Toast);

Direct <script> include

Vue.use(VueToast)

Vue.use(Toast, {
 position: 'center',
 duration: 3000,
 wordWrap: true,
 width: '100px'
});

export default {
 methods:{
 openCenter(){
 this.$toast('hello');
 },
 openTop(){
 this.$toast('hello', {
 position: 'top',
 duration: 2000
 });
 },
 openWithIcon(){
 this.$toast('hello', {
 position: 'top',
 duration: 2000,
 icon: 'success' //or error
 });
 },
 openWithCallback(){
 this.$toast("hello", function(){
 console.log("done");
 });
 },
 openWithCallback2(){
 this.$toast("hello", {
 position: 'top',
 duration: 2000,
 icon: 'success'
 }, function(){
 console.log("done");
 });
 },
 loading(){
 this.$loading('getting data...');
 let t = this;
 setTimeout(function () {
 t.$loading.close();
 }, 2000)
 }
 }
}

options

Vue.use(Toast, [options])