二次封装elementPlus中的Message消息提示

1.在新建的js文件中引入elementPlus中的message

import { ElMessage } from 'element-plus'

2.创建一个msg类，并创建他自己的show(),info()sucess(),warning(),error()

class Msg {
    show(_msg,type='info',callback){
        if(!_msg){
            return;
        }
        ElMessage({
            message:_msg,
            type: type,
            duration: 3000,
            dangerouslyUseHTMLString: true,
            onClose: callback,
        })
    }

    info(msg,callback){
        this.show(msg,'info',callback)
    }

    success(msg,callback){
        this.show(msg,'success',callback)
    }

    warning(msg,callback){
        this.show(msg,'warning',callback)
    }

    error(msg,callback){
        this.show(msg,'error',callback)
    }

}

3.实例化msg类，并将其导出，在需要使用的页面导入即可

 

 4.效果