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>

问题解决:

相关推荐
姑苏洛言1 小时前
如何解决答题小程序大小超过2M的问题
前端
TGB-Earnest2 小时前
【leetcode-合并两个有序链表】
javascript·leetcode·链表
GISer_Jing2 小时前
JWT授权token前端存储策略
前端·javascript·面试
开开心心就好2 小时前
电脑扩展屏幕工具
java·开发语言·前端·电脑·php·excel·batch
拉不动的猪2 小时前
es6常见数组、对象中的整合与拆解
前端·javascript·面试
GISer_Jing2 小时前
Vue Router知识框架以及面试高频问题详解
前端·vue.js·面试
小白变怪兽2 小时前
实现图片懒加载
前端
放逐者-保持本心,方可放逐3 小时前
webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
开发语言·javascript·webgl·顶点着色器·three.js 释放·cesium 释放·片元着色器
行云流水6263 小时前
js实现输入高亮@和#后面的内容
前端·javascript·css
涛哥码咖3 小时前
前端十种排序算法解析
前端·算法·排序算法