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>

问题解决:

相关推荐
sdgsdgdsgc42 分钟前
Next.js企业级应用开发:SSR、ISR与性能监控方案
开发语言·前端·javascript
哲此一生98443 分钟前
搭建Vue3工程(去除不必要的文件)
前端·javascript·vue.js
心止水j44 分钟前
spark
javascript·数据库·spark
黑云压城After4 小时前
H5使用环信实现视频或语音通话
前端·javascript·vue.js
未来之窗软件服务5 小时前
自己写算法(九)网页数字动画函数——东方仙盟化神期
前端·javascript·算法·仙盟创梦ide·东方仙盟·东方仙盟算法
你的人类朋友6 小时前
什么是断言?
前端·后端·安全
FIN66687 小时前
昂瑞微:实现精准突破,攻坚射频“卡脖子”难题
前端·人工智能·安全·前端框架·信息与通信
椎4957 小时前
苍穹外卖前端nginx错误之一解决
运维·前端·nginx
@。1247 小时前
对于灰度发布(金丝雀发布)的了解
开发语言·前端
我有一棵树7 小时前
前端图片加载失败、 img 出现裂图的原因全解析
前端