重寫message，下一個(gè)彈框顯示時(shí)關(guān)閉上一個(gè)彈框

/**重置message，防止重復(fù)點(diǎn)擊重復(fù)彈出message彈框 */

import {
    Message
} from 'element-ui';`在這里插入代碼片`
let messageInstance = null;
const rewriteMessage = (options) => {
  if (messageInstance) {
    messageInstance.close()
  }
  messageInstance = Message(options)
}
['error', 'success', 'info', 'warning'].forEach(type => {
  rewriteMessage[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options
      }
    }
    options.type = type
    options.duration = 5000
    return rewriteMessage(options)
  }
})

image.png

在文件開頭寫好該文件的功能及開發(fā)者備注

image.png

image.png

image.png