vue 实时消息插件_vue的消息插件

vue 实时消息插件

移动消息 (m-message)

A message plugin for vue.

vue的消息插件。

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

请参阅ElementUI消息组件的实现。 样式参考蚂蚁消息组件。

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`

讯息API (Message API)

• Message(options) Show a message

  消息(选项)显示消息

• Massage.info(msg|options) Info type message

  Massage.info(msg | options) Info类型消息

• Massage.success(msg|options) Success type message

  Massage.success(msg | options) Success类型消息

• Massage.error(msg|options) Error type message

  Massage.error(msg | options) Error类型消息

• Massage.warning(msg|options) Warning type message

  Massage.warning(msg | options) Warning类型消息

• Massage.loading(msg|options) Loading type message

  Massage.loading(msg | options) Loading类型消息

选项 (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

属性	描述	类型	接受值	默认
选项	讯息选项	目的	-	-
options.type	讯息类型	串	“信息”，“成功”，“错误”，“警告”，“正在加载”	信息
options.message	讯息内容	串	-	''
options.showClose	显示关闭按钮	错误/正确	-	假
options.on关闭	关闭回调函数	功能	-	-
options.duration	信息显示持续时间，单位毫秒，-1未关闭	数	-	3000
options.zIndex	索引	数	-	1010
options.algin	显示位置	串	中央

翻译自: https://vuejsexamples.com/a-message-plugin-for-vue/

vue 实时消息插件