Vue - 详细完美解决 ElementUI MessageBox “多次“ 弹框问题，让其无论执行多少次都只弹出来一次（常见于请求拦截器多次触发弹框，导致弹出来很多个）详细示例代码，保证完美解决！_vue 3.2 打开 element-plus messagebox 消息弹框设置只弹出一次

作者：你好赵伟 | 2024-02-18 04:49:13

踩

vue 3.2 打开 element-plus messagebox 消息弹框设置只弹出一次

网上基本上没有好办法，都是大改代码或者采用缓存等方式（很多Bug），本文可快速解决且不会对程序有任何 “损伤”。

本文实现了 在 Vue2 / Vue3 / Nuxt 项目中，使用 Element 饿了么组件库时，解决 MessageBox 弹框多次触发问题，只要弹出一次即可，

遇到这种情况，一般都是项目装有请求库（例如 Axios），在拦截器内判断有没有登录之类的，进行弹框提示。但主要是有时候会 “连续触发” 很多次，导致弹框弹出来好几个。

如下图所示，显示弹框的代码一共执行了 3 次，按理说应该弹出 3 次，但处理后只会弹出来 1 次！

这种方案不仅适用于弹框，像 Message 消息提示这种 “弹出组件” 都可以使用！

示例代码干净整洁，无任何乱七八糟的代码

在这里插入图片描述

此方案

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/104882