Vue Noty
made with Vuejs

Noty是一个无依赖项的通知库，可以轻松创建警报-成功-错误-警告-信息-确认消息，以替代标准警报对话框。

Vue Noty用Vue.js对Noty进行了封装。

安装

Npm

npm i  vuejs-noty

Yarn

yarn add  vuejs-noty

使用

全局注册

import Vue from 'vue'
import VueNoty from 'vuejs-noty'

Vue.use(VueNoty)

引入样式表

import 'vuejs-noty/dist/vuejs-noty.css'

组件中调用：

// Basic alert
this.$noty.show("Hello world!")

// Success notification
this.$noty.success("Your profile has been saved!")

// Error message
this.$noty.error("Oops, something went wrong!")

// Warning
this.$noty.warning("Please review your information.")

// Basic alert
this.$noty.info("New version of the app is available!")

示例