1.0.5 • Published 4 years ago
vue-message-linhdanchu v1.0.5
Installing
Using npm:
$ npm install vue-message-linhdanchu --save-devExample
this.$message({
message: 'this is message'
})custom option
| Name | Type | All values | Default value | Description |
|---|---|---|---|---|
| message | String | - | - | your message. |
| type | String | success, warning, error, info, default | default | Color of message (By default, no type is required). |
| center | Boolean | true, false | false | Align the notification content. |
| showClose | Boolean | true, false | false | Show off button. |
| timeOut | Integer | - | 2000(ms) | Time off notifications. |
Example:
// vue cli
import Vue from 'vue';
import vueMessage from 'vue-message-linhdanchu';
import 'vue-message-linhdanchu/src/message.css';
Vue.use(vueMessage);
or
//laravel mix + vuejs
window.Vue = require('vue');
require('vue-message-linhdanchu');
import 'vue-message-linhdanchu/src/message.css';methods: {
showMessage() {
this.$message({
message: 'this is your message',
type: 'default',
center: false,
showClose: false,
timeOut: 2000
});
}
}