话不多说看问题

弹窗遮挡

实力担当看效果

解决弹窗.gif

来,上代码

// 导入element-ui
import { Message } from 'element-ui'

Vue.use(Message)

/**
  * 重写ELementUI的Message
  * single默认值true，因为项目需求，默认只弹出一个，可以根据实际需要设置
*/
class DonMessage {
  success (options, single = true) {
    this[showMessage]('success', options, single)
  }

  info (options, single = true) {
    this[showMessage]('info', options, single)
  }

  error (options, single = true) {
    this[showMessage]('error', options, single)
  }

  warning (options, single = true) {
    this[showMessage]('warning', options, single)
  }

  [showMessage] (type, options, single) {
    if (single) {
      // console.dir(Message)
      // 这个是Message属性
      Message.closeAll()
      Message[type](options)
    } else {
      Message.closeAll()
      Message[type](options)
    }
  }
}

Vue.prototype.$message = new DonMessage()