m-message

A message plugin for vue.

Refer to the implementation of ElementUI message component. Style reference ant-message component.

View demo Download Source 
import Message from 'vue-m-message'

Vue.use(Message) // will mount `Vue.prototype.$message`

Vue.use(Message, {name: 'msg'}) // will mount `Vue.prototype.$msg`

Message API

  • Message(options) Show a message
  • Massage.info(msg|options) Info type message
  • Massage.success(msg|options) Success type message
  • Massage.error(msg|options) Error type message
  • Massage.warning(msg|options) Warning type message
  • Massage.loading(msg|options) Loading type message

options

Attribute Description Type Accepted Values Default
options message options object — —
options.type message type string 'info', 'success', 'error', 'warning', 'loading' info
options.message message content string — ''
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.algin show position string center

GitHub