mengdu / M Message
Licence: mit
A message plugin for vue.
Stars: ✭ 138
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to M Message
Vue Push Notification Example
An example repo for using browser push notifications with Vue.js and Firebase
Stars: ✭ 120 (-13.04%)
Mutual labels: message
Atom Message Panel
An easy way to display your messages in Atom
Stars: ✭ 60 (-56.52%)
Mutual labels: message
Bokeh
Bokeh is a simple, scalable and blazing-fast task queue built on Node.js and ZeroMQ.
Stars: ✭ 67 (-51.45%)
Mutual labels: message
Customalertviewdialogue
Custom AlertView Dialogue is the world's most advanced alert view library. Custom AlertView Dialogue includes simple message popups, confirmation alerts, selector popups, action sheet bottom menus, and input/feedback contact forms.
Stars: ✭ 100 (-27.54%)
Mutual labels: message
Bull
Premium Queue package for handling distributed jobs and messages in NodeJS.
Stars: ✭ 11,748 (+8413.04%)
Mutual labels: message
Swiftychat
SwiftUI Chat UI (Client) Framework & Documentation to get started!
Stars: ✭ 50 (-63.77%)
Mutual labels: message
Transpondsms
1.Android的短信通过邮件或者钉钉转出去 APP下载[http://tsms.allmything.com/topic/3] 讨论社区 [http://tsms.allmything.com]
Stars: ✭ 82 (-40.58%)
Mutual labels: message
Telegram Instapy Scheduling
A Telegram bot for scheduling InstaPy
Stars: ✭ 136 (-1.45%)
Mutual labels: message
Nativescript Feedback
📢 Non-blocking textual feedback for your NativeScript app
Stars: ✭ 127 (-7.97%)
Mutual labels: message
Alexa Message Builder
Simple message builder for Alexa replies.
Stars: ✭ 100 (-27.54%)
Mutual labels: message
m-message
A message plugin base on Vue.
import Message from 'vue-m-message'
import 'vue-m-message/dist/index.css'
Vue.use(Message) // will mount `Vue.prototype.$message`
// or
Vue.use(Message, { name: 'msg' }) // will mount `Vue.prototype.$msg`
Message API
- 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
-
Message.globals.options[key] = [value] Global settings; see
options
options
| 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.collapsable | Collapsable | boolean | — | true |
| 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' |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].