V-подсказка: закрыть Popover из метода

Question

В VueJS я использую v-подсказку (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;
        }
}