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>

问题解决:

相关推荐
天黑请闭眼21 分钟前
视频文件上传至服务器后浏览器无法在线播放
前端
一位搞嵌入式的 genius22 分钟前
前端实战开发(四):从迭代器到异步编程:ES6 Generator 全面解析 + 实战问题排查
开发语言·前端·es6·前端实战
拉不动的猪28 分钟前
# 关于初学者对于JS异步编程十大误区
前端·javascript·面试
玖釉-33 分钟前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
Larcher1 小时前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
徐子颐1 小时前
从 Vibe Coding 到 Agent Coding:Cursor 2.0 开启下一代 AI 开发范式
前端
小月鸭2 小时前
如何理解HTML语义化
前端·html
jump6802 小时前
url输入到网页展示会发生什么?
前端
诸葛韩信2 小时前
我们需要了解的Web Workers
前端
brzhang2 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构