vue.js api_Vue.js 2使用本机API围绕Noty.js进行包装-CSDN博客

vue.js api

告示通知 (vue-notice)

Updated. Fully based on Noty.js API. See Usage instruction.

更新。完全基于Noty.js API。请参阅用法说明。

Vue.js plugin accessible globally from any component to run non-blocking notifications.

Vue.js插件可从任何组件全局访问以运行非阻塞通知。

安装 (Installation)

More installation options on noty.js

关于noty.js的更多安装选项

$ npm install noty

Import vue-notice.js in the main project file

在主项目文件中导入vue-notice.js

import Vue from 'vue'
import VueNotice from './vue-notice'

Vue.use(VueNotice)

// Custom config 
Vue.use(VueNotice, {
  timeout: 5000,
  layout: 'topCenter'
})

Download the latest version of styles: noty.css

下载最新版本的样式： noty.css

@import './noty.css';

用法 (Usage)

In your Vue.js components, simply call:

在您的Vue.js组件中，只需调用：

// Success alert
this.$notice({
     type: 'success',  // alert, success, warning, error, info/information
     text: 'Some notification text' 
 })

翻译自: https://vuejsexamples.com/vue-js-2-wrapper-around-noty-js-with-native-api/

vue.js api