vue中使用element的message多次弹框解决问题

vue中使用element的message多次弹框解决问题

let doms = document.getElementsByClassName('el-message')[0] && document.getElementsByClassName('el-message').length > 0
if (doms === undefined) { // 判断它是不是存在
  ... 代码或者弹框测试
}

第二中方法(的是的没错，动源码),记得在main.js中引入该文件且引在element后面

let messageInstance = null;
const resetMessage = (options) => {
  if (messageInstance) {
    messageInstance.close()
  }
   messageInstance = Message(options)
};
['error', 'success', 'info', 'warning'].forEach(type => {
  resetMessage[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options
      }
   }
    options.type = type
    return resetMessage(options)
   }
})
export const message = resetMessage