Vue3 - Element Plus 消息弹框MessageBox组件防止多次弹出问题，解决多次弹框问题让其无论执行多少次都只弹出来一次，设置对话框无论执行多少次最终只弹一次（强力搞定重复弹窗问题）

前言

网上都是大改代码或用缓存有很多BUG，本文方案强大可靠。

在 vue3+element-plus 项目开发中，完美解决 MessageBox 消息弹窗不重复弹出，只弹出一次，设置消息弹框组件无论被调用执行多少次最终只触发一次，解决 Element Plus MessageBox 模态框弹窗消息多次弹出，强制让其每次只弹出一个，例如 axios 封装请求时，拦截多次弹窗的问题（例如检测出登录超时失效等，多个接口同时调用导致触发多次弹框）项目中统一处理接口异常，只提示一次异常信息！

---

如下图所示，不仅局限于消息弹框，任意弹框或模态框均适用。

详细代码，保证100%搞定

示例代码

具体实现代码如下，请直接复制运行测试即可。