ElementUI Message 消息提示，多个显示被覆盖的问题

ElementUI的Message组件默认情况下是全局消息提示，如果多个提示同时出现，它们可能会相互覆盖。为了避免这种情况，可以使用Message组件的close方法手动关闭已显示的消息，或者使用MessageBox的确认框，这样用户需要点击确定后才会显示下一条消息。

以下是使用Message组件手动关闭的例子：

// 引入Message
import { Message } from 'element-ui';
 
// 显示消息
let messageInstance = Message({
  message: '这是第一条消息',
  duration: 0 // 设置为0表示不自动关闭
});
 
// 延迟显示下一条消息
setTimeout(() => {
  // 关闭当前消息
  messageInstance.close();
 
  // 显示下一条消息
  messageInstance = Message({
    message: '这是第二条消息',
    duration: 0
  });
}, 5000); // 假设每条消息显示5秒

使用MessageBox的例子：

// 引入MessageBox
import { MessageBox } from 'element-ui';
 
// 显示消息框
MessageBox.alert('这是第一条消息', '提示', {
  confirmButtonText: '确定',
  callback: action => {
    // 继续显示下一条消息
    if (action === 'confirm') {
      MessageBox.alert('这是第二条消息', '提示');
    }
  }
});

在实际应用中，请确保合理处理异步逻辑，避免消息框的嵌套过深或造成用户体验的问题。