A message plugin base on Vue.
import Message from 'vue-m-message'
Vue.use(Message) // will mount `Vue.prototype.$message`
// or
Vue.use(Message, { name: 'msg' }) // will mount `Vue.prototype.$msg`- Message(options) Show a message
- Message.info(msg|options)
Infotype message - Message.success(msg|options)
Successtype message - Message.error(msg|options)
Errortype message - Message.warning(msg|options)
Warningtype message - Message.loading(msg|options)
Loadingtype message - Message.closeAll() Close all message
| Attribute | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| options | Message options | object | — | — |
| options.type | Message type | string | 'info', 'success', 'error', 'warning', 'loading' | info |
| options.title | Message title | string | — | '' |
| options.message | Message content | string | — | '' |
| options.isCollapsed | Folding message | boolean | — | false |
| options.width | Message block width; default auto width | string | — | '' |
| options.className | Class name for message block | string | — | — |
| options.wrapperClassName | Class name form wrapper | string | — | — |
| options.supportHTML | Message support HTML | boolean | — | false |
| options.showClose | Show close button | false/true | — | false |
| options.onClose | Close callback function | function | — | — |
| options.duration | Message display duration, unit ms, -1 not closed | number | — | 3000 |
| options.zIndex | z-index | number | — | 1010 |
| options.iconImg | Img icon URL | string | — | — |
| options.hasMask | Has mask wrapper | boolean | — | false |
| options.position | Message display position | string | 'top-left', 'top-center', 'top-right', 'center', 'bottom-left', 'bottom-center', 'bottom-right' |