Vue3 - Element Plus 气泡卡片 Popover 手动关闭，支持 v-for 循环出来的多个弹框（el-popover 点击其他区域关闭弹出框，通过点击按钮手动触发关闭隐藏气泡弹框）

前言

在 Element Plus 组件库中，官网没有说明如何 “手动关闭” Popover 气泡弹框，但很多朋友都有这样的需求。

本文实现了 在 vue3+element plus项目开发中，手动关闭和隐藏 el-popover 气泡弹框组件（点击一个按钮或调用某个函数来手动关闭气泡弹框），

支持单个、多个（v-for 循环出来的）气泡弹框组件并存，它们之间关闭互不影响！

---

如下图所示，在气泡弹框内点击一个按钮（或某个操作、调用某个函数等）立即隐藏关闭弹框，

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

解决方案

可直接一键复制代码并运行，也可以复制核心代码。