vue 父组件通知子组件
通知 (Notify)
A simple bootstrap styled Vue component for notifications. Compatible with Vue 2.x
一个简单的引导样式的Vue组件用于通知。 与Vue 2.x兼容
要求 (Requirements)
Required packages:
所需软件包:
vue 2+
Vue 2+
velocity-animate 1.5+
速度动画1.5+
Optional packages:
可选软件包:
bootstrap (only used for styling)
引导程序(仅用于样式设置)
安装 (Install)
$ npm install vue2-notify --save
Then in your main.js:
然后在您的main.js中:
import Notify from '../src/notify'
// Use Notify
Vue.use(Notify)
用法 (Usage)
Inside your component:
在组件内部:
this.$notify('A message that should be displayed', 'type')
or
要么
Vue.$notify('A message that should be displayed', 'type')
You can override the itemClass, iconClass or visibility on a per usage basis:
您可以按使用情况覆盖itemClass,iconClass或可见性:
this.$notify('A message that should be displayed', 'type', { itemClass: 'alert col-6 alert-info', iconClass: 'fa fa-lg fa-handshake-o', visibility: 10000 })
Type should be one of the types defined in the configuration of the component.
类型应该是组件配置中定义的类型之一。
翻译自: https://vuejsexamples.com/a-simple-bootstrap-styled-vue-component-for-notifications/
vue 父组件通知子组件