Vue Noty
made with Vuejs

Vue Noty

这是一个基于Noty的Vue.js封装的通知组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

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!")

示例

作者

renoguyon

相关项目

这是一个SweetAlert弹窗组件的Vue实现。
这是一个简单的警报、确认、提示组件。
这是一个易用、高度可定制化的Vue.js模态框组件库。
这是一个支持图片全屏预览的Vue指令插件。
这是也给基于Vue.js的Window组件。
Vue通知中心——集成了异步加载、确认框、输入框等9种toast通知条功能。