Vue message component plugin

lightweight and simple Vue message component plugin

Demo

How to use

Basic usage

import VueMessageActor from 'vue-message-actor'
// or <script src="./dist/vue-message-actor.min.js"></script>

Vue.use(VueMessageActor)
/* push message */
vm.$pushMessage('Hello VueMessageActor!')
//or this.$pushMessage('Hello VueMessageActor!')

set default style

Vue.use(VueMessageActor, {
  autoCancel: true /* auto exit. default true*/,
  waitTime: 5000 /* Waiting for exit time. autoCancel=true default 5s */,
  bgStyle: '#000' /* Background color. default #000 */,
  messageColor: '#fff' /* Text color. default #fff*/,
})

Make settings for the sent message

vm.$pushMessage('Hello VueMessageActor!', {
  autoCancel: true /* auto exit. default true*/,
  waitTime: 5000 /* Waiting for exit time. autoCancel=true default 5s */,
  bgStyle: '#000' /* Background color. default #000 */,
  messageColor: '#fff' /* Text color. default #fff*/,
})