vue-notification基础入门
官方网址:http://vue-notification.yev.io/
GitHub:https://github.com/euvl/vue-notification/
简介描述:基于Vue.js、用于显示通知库
用在 Vue.js 应用程序中的成功、警告和错误通知。可以放在右侧、左侧、底部、顶部或中间,任何你想要的位置!
安装
npm install --save vue-notification
使用
main.js:
import Vue from 'vue' import Notifications from 'vue-notification' /* or for SSR: import Notifications from 'vue-notification/dist/ssr.js' */ Vue.use(Notifications)
App.vue:
<notifications group="foo" />
其它vue文件中
this.$notify({ group: 'foo', title: 'Important message', text: 'Hello user! This is a notification!' });
Anywhere else:
import Vue from 'vue' Vue.notify({ group: 'foo', title: 'Important message', text: 'Hello user! This is a notification!' })