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

现象截图:

代码:主要是在this.$message 方法外层加上 setTimeout 方法

<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. TCP协议是安全的吗?

    2024-03-14 06:42:07       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-14 06:42:07       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-14 06:42:07       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-14 06:42:07       20 阅读

热门阅读

  1. 在linux中关于R包devtools的安装

    2024-03-14 06:42:07       22 阅读
  2. 服务器中间件的种类和日常使用

    2024-03-14 06:42:07       19 阅读
  3. Linux-轻量级数据库sqlite函数接口-016

    2024-03-14 06:42:07       20 阅读
  4. 网络安全等级保护2.0自查表 | 管理部分

    2024-03-14 06:42:07       17 阅读
  5. Unity WebGL ios 跳转URL

    2024-03-14 06:42:07       20 阅读
  6. 深入理解ngx_http_upstream_vnswrr_module负载均衡模块

    2024-03-14 06:42:07       18 阅读
  7. 亚马逊云科技 Lambda 运行selenium

    2024-03-14 06:42:07       22 阅读
  8. 突破编程_C++_设计模式(状态模式)

    2024-03-14 06:42:07       17 阅读
  9. 华为认证云计算专家(HCIE-Cloud Computing)--问答题

    2024-03-14 06:42:07       19 阅读