封装 message消息弹框

信息弹窗封装

import Vue from 'vue'
import {Message} from 'element-ui'
import bus from '../js/bus'
Vue.prototype.$message=Message
const commonFn={
    // message弹出信息提醒
    toastMsg(type,msg){
        switch(type){
            case 'normal':
                bus.$message(msg)
                break
                case 'success':
                    bus.$message({
                       message:msg,
                       type:'success'
                    })
                    break
                case 'warning':
                    bus.$message({
                        message:msg,
                        type:'warning'
                     })
                     break
                 case 'error':
                        bus.$message.error(msg)
                        break
        }
    }
}
export default commonFn

bus.js

import Vue from 'vue'
export default new Vue()

页面使用

//    引入弹出信息组件
   import _g from '../../assets/js/global.js'
      methods: {
            message(){
            //  点击弹出信息 可以用在请求成功或失败
            // _g.toastMsg('error', res.error)
            _g.toastMsg('success', '修改成功')
            },
      }