elementPlus ElMessage 短时间只显示一个

Element Plus是一个基于Vue.js的UI组件库，其中ElMessage通常用于显示消息通知，比如加载提示、错误提示等。如果你想要限制短时间内只显示一个消息提示，可以利用 Element Plus 提供的`el-message`组件的特性或是自定义功能结合`v-if`或`v-show`指令。

在Element Plus中，你可以这样做：

<template>
  <el-message
    v-model="showMessage"
    :message-type="messageType"
    :duration="5000" <!-- 自定义消失时间 -->
    @close="handleClose"
  ></el-message>
</template>

<script setup>
import { ref } from 'vue';

const showMessage = ref(false); // 标记是否显示消息
const messageType = 'info'; // 设置消息类型，默认为info

function handleClose() {
  showMessage.value = false; // 关闭消息后置为false
}

// 当需要显示新消息时，设置 showMessage 为 true
// 并处理旧的消息
useEffect(() => {
  showMessage.value = true;
}, [/* 更新条件，如新的数据 */]);
</script>

在这个例子中，我们通过 `ref` 来控制 `el-message` 的显示状态，并设置了 `v-model` 与 `showMessage` 进行绑定。当需要显示新消息时，更新`showMessage`为`true`，旧的消息会在指定的时间（这里是5秒）后自动关闭并隐藏。