Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
vue-msg-bag
Advanced tools
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.
The npm package vue-msg-bag receives a total of 1 weekly downloads. As such, vue-msg-bag popularity was classified as not popular.
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
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.