技术栈

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

程序猿小野2024-03-13 11:42

现象截图:

代码:主要是在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>

问题解决:

上一篇:前端之虎陈随易-我的产品变现秘诀
下一篇:Python合并两张图片 | 先叠透明度再合并 (附Demo)
相关推荐
剪刀石头布啊
1 分钟前
生成随机数,Math.random的使用
前端
剪刀石头布啊
2 分钟前
css外边距重叠问题
前端
剪刀石头布啊
3 分钟前
chrome单页签内存分配上限问题,怎么解决
前端
剪刀石头布啊
5 分钟前
css实现一个宽高固定百分比的布局的一个方式
前端
剪刀石头布啊
8 分钟前
js数组之快速组、慢数组、密集数组、稀松数组
前端
mango_mangojuice
30 分钟前
Linux学习笔记(make/Makefile)1.23
java·linux·前端·笔记·学习
Days2050
1 小时前
简单处理接口返回400条数据本地数据分页加载
前端
Novlan1
1 小时前
@tdesign/uniapp 图标瘦身
前端
ManThink Technology
1 小时前
如何使用EBHelper 简化EdgeBus的代码编写?
java·前端·网络
铅笔侠_小龙虾
1 小时前
Flutter 实战: 计算器
开发语言·javascript·flutter
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03openclaw配置教程(linux+局域网ollama)04OpenClaw Chrome扩展使用教程 - 浏览器中继控制05Linux下V2Ray安装配置指南06UV安装并设置国内源07Claude Code Skills 实用使用手册08让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南09Vue-skills的中文文档10一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示