vue-message-yanxing

m-message

颜星做的基于 Vue 的信息提示插件。

import Vue from 'vue'
import App from './App.vue'
import Message from 'vue-message-yanxing'
import 'vue-message-yanxing/lib/vue-message-yanxing.css'

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

// 在vue实例中使用
const app = new Vue({
  render: h => h(App),
  data () {
    return {
     
    }
  },
  mounted () {
    setTimeout(() => {
      this.$message({
        title: 'Hi !',
        message: 'Welcome to use this plug-in !',
        iconImg: 'https://img1.baidu.com/it/u=2251659035,1886525937&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=1000',
        duration: -1
      })
    }, 2000)
  }
}).$mount('#app')

window.app = app

Message API

• Message(options) 显示信息
• Message.info(msg | options) 普通信息
• Message.success(msg | options) 成功信息
• Message.error(msg | options) 错误信息
• Message.warning(msg | options) 警告信息
• Message.loading(msg | options) 加载信息
• Message.closeAll() 清空所有消息
• Message.globals.options[key] = [value] 全局默认设置，请看 options

options