Vue.js V-工具提示：从方法关闭弹出窗口

在VueJS中，我对弹出窗口使用v-tooltip（）

为了关闭弹出窗口，它们提供了一个名为

'v-close-popover'

的指令，我可以将该指令分配给popover内的按钮/链接以关闭弹出窗口。这很有效

---

但是，我有一个要求，需要从Vue方法关闭此弹出窗口。但我不知道如何通过该方法触发popover关闭。

这就是实现此目的的方法。它将在mouseOver事件上显示工具提示，并在MouseAve事件上删除。 在模板中->

  <i
      id="requiredIcon"
      aria-hidden="true"
      v-tooltip="{content: 'Required option is not available for this question.', show: isOpen, trigger: 'manual'}"
      @mouseover="showTooltip"
      @mouseleave="removeTooltip"
    ></i>

---

也许你可以使用

open

prop手动控制popover的可见性？你有什么解决方案吗？我也有同样的问题。如果页面上只有一个POPOR，此解决方案可以工作，但可以有多个。@ImranFarooq您必须为特定的工具提示使用唯一的变量。您可以相应地更新isOpen变量（可能是所有工具提示的数组/对象）。实际上，每个记录都有多个工具提示，并且有数千条记录，因此无法为每个工具提示提供唯一的变量。@ImranFarooq是否为每个工具提示提供唯一的id？（id=“requiredIcon”）然后您可以通过将id传递给函数并将id名称与show参数一起使用来轻松实现这一点。应该有一种方法可以使用一个命令关闭所有工具提示，id与否。

   data() {
        return {
          isOpen: false,
        };
      },
methods:{
    showTooltip() {
            this.isOpen = true;
        },
     removeTooltip() {
          this.isOpen = false;
        }
}