Vuejs.uiv, сохранить загрузчик popover живым, пока popover зависает? - PullRequest
Новая
       11

Vuejs.uiv, сохранить загрузчик popover живым, пока popover зависает?

0 голосов
/ 12 сентября 2018

Я знаю, что есть подобные вопросы с jquery, но это связано с vue.js

Я использую uiv , который является надстройкой для vue.js.Проверка документов Я пытаюсь вручную вызвать всплывающее окно, используя trigger="manual" с событием наведения: 

<popover title="Title" v-model="show">
   <a href="javascript://" @mouseover="show = !show" @mouseleave="show = !show">Toggle Popover</a>
          <template slot="popover">
            <p>Popover content</p>
          </template>
 </popover>
    <script>
      export default {
        data () {
          return {
            show: false
          }
        }
      }
    </script>

Ну, я понимаю, почему закрывается поповер из-за моего уходакнопка, которую я установил show на false.

Итак, мой вопрос: Где мне разместить это событие @mouseleave, чтобы предотвратить закрытие поповера при его наведении?

Здесь у меня есть ссылка на плункер: https://plnkr.co/edit/gTsOJE4k8fQUMcMUpqS6?p=preview

1 Ответ

0 голосов
/ 24 сентября 2018

Я решил свою проблему следующим образом: 

<popover trigger="hover" title="Title">
    <a href="#" @click.prevent>Toggle Popover</a>
    <template slot="popover">
       <p>Popover content</p>
     </template>
 </popover>

По сути, мы можем использовать trigger="hover", чтобы предотвратить закрытие поповера при его зависании.

Посмотрите наэтот пример: https://plnkr.co/edit/RSjhazfxqBhaNqcKijXe?p=preview

...