Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
vue-msg-bag
Advanced tools
Readme
Simple message bag plugin for Vue.js.
Vue.use(require('vue-msg-bag'), options);
The default objects stored in the message bag (if not parsed) will contain three parameters; msg
, type
and container
.
To tweak the msg stored in the message bag check the parseMsg
option below.
<template>
<div>
<div v-for="msg in $msgBag.all()" v-if="msg.container === 'main'">
<div class="alert-{{ msg.type }}">{{ msg.msg }}</div>
</div>
</div>
<router-view></router-view>
</template>
In the above example the messages will automatically clear after some timeout (which can be set in options).
However messages can also be cleared manually by setting timeout
to null
. In this case the clear(msg)
method can be used to remove the item from the message bag.
<div>
<div v-for="msg in $msgBag.all()" v-if="msg.container === 'main'">
<div class="alert-{{ msg.type }}">
{{ msg.msg }}
<span v-on:click="$msgBag.clear(msg)">x</span>
</div>
</div>
</div>
**success()**
**warning()**
**error()**
**fatal()**
All follow the same format.
this.$msgBag.success(msg);
this.$msgBag.success(msg, 'some-container');
NOTE: The msg can be an Object
, Array
or String
. The array itself can also be an array of objects or strings or even more arrays.
**clear()**
Clear the message bag. A specific message can also be cleared by passing it in.
this.$msgBag.clear();
this.$msgBag.clear(msg);
**all()**
Get all the messages.
this.$msgBag.all();
**parse()**
Manually parse a message without using any queues.
var msgs = this.$msgBag.parse('error', msg);
**keys()**
Manually parse a message by keys where field and msg are the keys to parse on.
var msgs = this.$msgBag.parse(msgs, field, msg);
**timeout**
default: 1500
The timeout before clearing a message. To prevent clearing of messages set timeout to null
.
**container**
default: 'main'
Arbitrary field for container name. This allows multiple containers. A good example could be displaying errors in a modal versus in some global container.
**parseMsg**
default: function
Allows parsing of the messages stored in the message bag. Pretty much anything can be stored in the message bag as it's just an array.
Vue.use(require('vue-msg-bag'), {
parseMsg: function (msg) {
// Do some stuff
return msg;
}
});
FAQs
Simple message bag plugin for Vue.js.
We found that vue-msg-bag demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).