# Notification 通知
Please note: in the case of on-demand import, if you want to use Notification, you need to import them in the following ways.
请注意:在按需引入的情况下,如果想使用 Notification,你需要通过以下方式引入它们。
import {notification} from 'vigour';
Vue.use(notification);
# Example
Notification can be used through this.$notify. You can set the duration property to set the duration of Notification's display. When the value of duration is 0, Notification will not disappear automatically.
Notification 可以通过 this.$notify 来使用,你可以设置 duration 属性来设置 Notification 显示的时长,当 duration 的值为 0 时,则 Notification 不会自动消失。
import notification from 'vigour/notification.js'
Vue.use(notification);
<vigour-button @click="showNotification">show notification</vigour-button>
<vigour-button @click="showNotification2">show notification2</vigour-button>
export default {
methods: {
showNotification() {
this.$notify({ content: '你好世界', duration: 0 });
},
showNotification2() {
this.$notify({ content: 'Hello World' });
},
}
}
# Options
| prop | type | default value | available value |
|---|---|---|---|
| content | string | - | - |
| duration | number | 3000 | - |
← Dialog 对话框 Cascader →