vue-message-plugin v1.0.0

vue-message-plugin

A message plugin based on Vue.js which works like ElementUI/Message.

一个基于 Vue.js 的消息插件，工作原理类似于 elementui / message。

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

How To Use / 使用

• Install / 安装

npm i vue-message-plugin

• import & install plugin before create root Vue Component/在实例化根组件前 引入 & 安装插件

import Message from 'vue-message-plugin'

Vue.use(Message)

• Use in any component / 在任意组件中使用

// vm.$message returns instance of Message Component
// vm.$message返回值是Message组件的实例
let message = vm.$message({
  message: 'hello you,duration:1s,center',
  type: 'success',
  showClose: true,
  duration: 1000,
  center: true,
  offset: 10,
  onClose: function () {
    console.log('closed')
  }
})

// manually close the Message instance
// 可以手动关闭Message实例
message.close()

Options / 选项

Methods / 方法

调用 Message 或 this.$message 会返回当前 Message 的实例。如果需要手动关闭实例，可以调用它的 close 方法。

Calling Message or this. $ Message will return the current Message instance. If you need to manually close the instance, you can call its close method.