element-ui的Message的二次封装

1、message.js文件

import { Message } from 'element-ui';

// 提示的方法
export default {
    warningOpen: (msg)=>{
        return Message({
            showClose: true,
            message:msg,
            type: "warning",
            center: true,
            duration:3000
         })
    },
    errorOpen: (msg)=>{
        return Message({
            showClose: true,
            message:msg,
            type: "error",
            center: true,
            duration:3000
         })
    },
    successOpen: (msg)=>{
        return Message({
            showClose: true,
            message:msg,
            type: "success",
            center: true,
            duration:3000
         })
    },
    warningClose(){
        return Message.closeAll();//全局删除Message语句的方法
    }
}
// 或者-这样的话调用方式不同
 export function alertOK(msg, title) {
     this.$message({
         type: msg,
         message: title
     });
 }
 export default alertOK

2、main.js

// 封装的提示的方法
import  message from '@/utils/message.js';
Vue.prototype.$messages = message

3、调用

this.$messages.warningOpen("警告提示")
或者
this.$messages("warning","警告提示")