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*/,
})