vue-vb-toast v0.1.1

用法

安装
$ npm i vue-vb-toast -S

引入

import VueToast from 'vue-vb-toast'
import 'vue-vb-toast/vue-vb-toast.css'
Vue.use(VueToast, {
  position: 'top',
  durition: 1500
})

使用

<template>
  <div id="app">
    <button @click="top()">top</button>
    <button @click="center()">center</button>
    <button @click="bottom()">bottom</button>
    <button @click="base()">base</button>
    <button @click="loading()">loading</button>
  </div>
</template>
<script>
export default {
  methods: {
    top () {
      this.$toast.top('top');
    },
    center () {
      this.$toast.center('center');
    },
    bottom () {
      this.$toast.bottom('bottom');
    },
    base () {
      this.$toast('hello world','center') // 参数二可省略 
    },
    loading () {
      this.$loading.start('加载中...');
      setTimeout(function() {
        this.$loading.end();
      }.bind(this), 1000)
    }
  }
}

</script>