vue-notification基础入门_基于Vue.js、用于显示通知库

vue-notification基础入门

官方网址:http://vue-notification.yev.io/

vue-notification基础入门_基于Vue.js、用于显示通知库

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!'
})

 

海计划公众号
(0)
上一篇 2020/03/11 07:01
下一篇 2020/03/11 07:01

您可能感兴趣的内容