Element Message相同文案重复提示处理

import { Message } from 'element-ui'

let lastMessageText = null
let messageTimer = null

export default function showMessage(options) {
  // 如果新的消息与上一条消息相同,并且计时器还在运行,那么不显示新的消息
  if (options.message === lastMessageText && messageTimer) {
    return
  }

  // 清除旧的计时器
  if (messageTimer) {
    clearTimeout(messageTimer)
    messageTimer = null
  }

  // 显示新的消息
  Message(options)

  // 更新最后一条消息并设置计时器
  lastMessageText = options.message
  messageTimer = setTimeout(() => {
    lastMessageText = null
  }, options.duration || 5000)
}
posted @ 2023-12-14 11:36  吃饭七分饱  阅读(26)  评论(0编辑  收藏  举报