apm29 / veil-notifications

程序式通知组件-vue3

INSTALL

yarn add veil-notifications

npm install veil-notification --save

USAGE

1.首先在全局组件中放置VeilNotifications组件,一般就放置在App.vue,引入css文件

<template>
  <router-view></router-view>
  <VeilNotifications/>
</template>

<script>
import { VeilNotifications } from 'veil-notifications'
import "veil-notifications/dist/index.css"
export default {
  
}
</script>

2.在代码中发送通知

import { notification } from "veil-notifications"

notification.success("I'm message content")

API

notification 挂载了四个函数,分别是success/warning/info/error,参数都是一样的

• message, //消息内容
• duration = 2500, //持续时间
• group = "tr", //位置: tl tr tc 左上 右上 顶部居中 bl br bc 左下 右下 底部居中
• data, //data参数,会在点击时传递给onNotificationClick
• onNotificationClick //点击事件