vt-notifications是为Tailwind框架构建的可自定义的无头Vue通知组件。

安装和下载：

# Yarn
$ yarn add vt-notifications

# NPM
$ npm i vt-notifications --save

基本用法：

1.导入vt-notifications组件。

import Vue from "vue";
import Notifications from "vt-notifications";

2.全局注册组件。

Vue.use(Notifications);

3.如下创建一个通知弹出窗口或通知组：

<notificationGroup group="myGroup1">
  // wrapper box
  <notification v-slot="{notifications}">
    notification layout
  </notification>
</notificationGroup>
<notificationGroup group="myGroup2">
  // wrapper box
  <notification v-slot="{notifications}">
    notification layout
  </notification>
</notificationGroup>
...

4.在应用程序上显示通知。

this.$notify({ 
  group: "myGroup1",
  title: "Title", 
  text: "Notification Message",
  type: "info" // info, warning
  },
  5000
);

变更日志：

v0.4.1（03/06/2021）

• 更新

---

官网：https://github.com/sansil/vt-notifications

演示：https://www.vue365.cn/code_demo.php?id=2361

GitHub下载：https://github.com/sansil/vt-notifications/archive/master.zip