elementPlus message 短时间只显示一个

Element Plus是一个基于Vue 3的UI组件库，它提供了丰富的Vue原生和自定义元素。其中message组件可能是用于展示消息提示或者通知的。如果设置成短时间内只显示一个，通常是为了避免信息过载或者用户体验不佳的情况，比如连续弹出多个提示框。你可以通过配置项或者API来限制message组件的显示次数，例如：

1. 设置`showMultiple`属性为`false`，使其只能显示一条消息：

<element-plus-message :showMultiple="false"></element-plus-message>

2. 使用计数器或延迟机制，在一定时间内只允许显示一次消息，并且之后的消息会替换掉前面的：

import { ElMessage } from 'element-plus';

const showMessage = async (message) => {
  const existingMessages = document.querySelectorAll('.el-message__wrapper');
  
  if (existingMessages.length === 0 || new Date() - existingMessages[0].dataset.showTime > 5000) { // 假设5秒后自动消失
    ElMessage.success(message);
  }
};

// 使用示例
showMessage('这是一条消息');

这样设置后，除非上一条消息已经超时或被手动清除，新的消息才会显示。