element ui message 每次只彈出一個消息提示

第一種方法：

注：不推薦使用第一種方法，第一種方法的弊端就是，當頁面上已經有一條提示消息，在彈出一條消息時會無法顯示新彈出的消息，需要等前一條消息消失后才能在觸發消息提示。

引入Message

import { Message } from 'element-ui';

js（在彈出消息提示之前，判斷是否已有消息提示，如果doms == undefined 表示當前沒有消息提示

let doms = document.getElementsByClassName('el-message')[0]

 

第二種方法（推薦）

1、引入Message

import { Message } from 'element-ui';

2、在每次觸發消息前，先手動關閉所有彈框，在執行消息語句（這樣每次都是顯示的最新觸發的消息）

// 每次手動關閉所有彈框
Message.closeAll()
// 在彈出消息
Message({
  showClose: true,
  type: 'success',
  duration: 1700,
  message: '成功！',
})