V-tooltip：从方法中关闭弹出窗口

Question

在VueJS中，我使用v-tooltip（https://github.com/Akryum/v-tooltip）处理弹出窗口。

为了关闭弹出窗口，他们提供了一个名为'v-close-popover'的指令，我可以将其分配给弹出窗口内部的按钮/链接以关闭弹出窗口。效果很好。

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

Answer 1

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

中

  <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>

在脚本->

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