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>

问题解决:

相关推荐
im_AMBER42 分钟前
编辑器项目开发复盘:主题切换
前端·学习·前端框架·编辑器·html5
我命由我123452 小时前
React - 验证 Diffing 算法、key 的作用
javascript·算法·react.js·前端框架·html·html5·js
@PHARAOH4 小时前
HOW - Kratos 入门实践(二)- 概念学习
前端·微服务·go
We་ct8 小时前
LeetCode 77. 组合:DFS回溯+剪枝,高效求解组合问题
开发语言·前端·算法·leetcode·typescript·深度优先·剪枝
KerwinChou_CN8 小时前
什么是流式输出,后端怎么生成,前端怎么渲染
前端
爱上妖精的尾巴8 小时前
8-18 WPS JS宏 正则表达式-边界匹配
开发语言·javascript·正则表达式·wps·jsa
爱上妖精的尾巴8 小时前
8-20 WPS JS宏 正则表达式-懒惰匹配
服务器·前端·javascript
网络点点滴8 小时前
组件通信props方式
前端·javascript·vue.js
二十雨辰8 小时前
[小结]-线上Bug监控
前端·bug
前端技术8 小时前
【鸿蒙实战】从零打造智能物联网家居控制系统:HarmonyOS Next分布式能力的完美诠释
java·前端·人工智能·分布式·物联网·前端框架·harmonyos