vue3-snackbar简单vue消息提示组件

vue3-snackbar是一款vue3的简单消息提示组件。vue3-snackbar提供消息、成功、警告和错误4种消息状态，以及提供位置、阴影等多种参数。

使用方法

安装

// npm        
npm install vue3-snackbar
// yarn
yarn add vue3-snackbar
      

使用

main.js

import { createApp } from "vue";
import { SnackbarService, Vue3Snackbar } from "vue3-snackbar";
import "vue3-snackbar/dist/style.css";
import App from "./App.vue";
const app = createApp(App);
app.use(SnackbarService);
app.component("vue3-snackbar", Vue3Snackbar);
app.mount("#app");
      

App.vue

配置参数

方法参数

snackbar.add({})中可用的参数如下：

可以通过snackbar.clear()来清除所有的消息提示框。

事件

在组件上通过@或v-on:来使用下面的事件。

github网址：https://github.com/craigrileyuk/vue3-snackbar