美文网首页
element中组件的Message只会弹出一个

element中组件的Message只会弹出一个

作者: AR7_ | 来源:发表于2020-05-25 11:06 被阅读0次

    只需在Vue项目的main.js中加上以下设置即可:

    const showMessage = Symbol('showMessage')
    /**
     *  重写ElementUI的Message
     *  single默认值true,因为项目需求,默认只弹出一个,可以根据实际需要设置
     */
    class DonMessage {
      success (options, single = true) {
        this[showMessage]('success', options, single)
      }
      warning (options, single = true) {
        this[showMessage]('warning', options, single)
      }
      info (options, single = true) {
        this[showMessage]('info', options, single)
      }
      error (options, single = true) {
        this[showMessage]('error', options, single)
      }
      [showMessage] (type, options, single) {
        if (single) {
          // 判断是否已存在Message
          // if (document.getElementsByClassName('el-message').length === 0) {
          Message.closeAll()
          Message[type](options)
          // }
        } else {
          Message[type](options)
        }
      }
    }
    
    Vue.prototype.$message = new DonMessage()
    

    相关文章

      网友评论

          本文标题:element中组件的Message只会弹出一个

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