美文网首页
重写element-ui $message 解决消息多次弹出的问

重写element-ui $message 解决消息多次弹出的问

作者: 小枫学幽默 | 来源:发表于2020-06-24 16:43 被阅读0次
    /***重写element-ui $message 解决消息多次弹出的问题**/
    import {
      Message
    } from "element-ui";
    
    let messageInstance = null;
    const overrideMessage = (options) => {
      if(messageInstance) {
        messageInstance.close();
      }
      messageInstance = Message(options);
    };
    ["error","success","info","warning"].forEach(type => {
      overrideMessage[type] = options => {
        if (typeof options === "string") {
          options = {
            message: options
          };
        }
        options.type = type;
        return overrideMessage(options);
      };
    });
    /***重写message**/
    Vue.use(ElementUI, {
      size: "small",
      zIndex: 3000
    });
    Vue.prototype.$message = overrideMessage;
    

    相关文章

      网友评论

          本文标题:重写element-ui $message 解决消息多次弹出的问

          本文链接:https://www.haomeiwen.com/subject/kczrfktx.html