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

现象截图:

代码:主要是在this.$message 方法外层加上 setTimeout 方法

javascript 复制代码
<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  methods: {
    showMessage() {
      for (let i = 0; i < 10; i++) {
        setTimeout(() => {
          this.$message({showClose: true, message: "删除成功", type: "success" });
        }, 0);
      }
    },
  },
};
</script>

问题解决:

相关推荐
不会聊天真君6473 分钟前
JavaScript基础语法(Web前端开发笔记第三期)
前端·javascript·笔记
齐鲁大虾9 分钟前
新人编程语言选择指南
javascript·c++·python·c#
IT_陈寒9 分钟前
SpringBoot自动配置这破玩意儿又坑我一次
前端·人工智能·后端
妖精的羽翼33 分钟前
前端(Vue)→ 全栈 + AI 应用开发
前端
码路飞1 小时前
玩了一圈 AI 编程工具,Background Agent 才是让我真正震撼的东西
前端·javascript
UCloud_TShare1 小时前
优刻得发布云搜索服务CSS:面向AI时代的企业级搜索基础设施
前端·css·人工智能
林恒smileZAZ1 小时前
Three.js实现更真实的3D地球[特殊字符]动态昼夜交替
开发语言·javascript·3d
月月大王的3D日记1 小时前
别再复制粘贴了,从零拆解 3D 场景的诞生过程
javascript
木斯佳1 小时前
前端八股文面经大全:字节暑期前端一面(2026-04-21)·面经深度解析
前端·面试·校招·面经·实习