Держите подсказку Quasar открытой, когда на нее наводится мышь - PullRequest
Новая
       64

Держите подсказку Quasar открытой, когда на нее наводится мышь

0 голосов
/ 20 апреля 2020

Я использую всплывающую подсказку https://quasar.dev/vue-components/tooltip для отображения текста + информации об изображении.

Как предотвратить автоматическое исчезновение всплывающей подсказки при перемещении мыши по всплывающей подсказке? В настоящее время всплывающая подсказка исчезает сразу, когда я наведу на нее указатель мыши.

Заранее спасибо!

1 Ответ

0 голосов
/ 20 апреля 2020

Одним из решений было бы использование v-model и установка значения true в событии before-hide. 

<q-btn label="Hover me" color="primary">
  <q-tooltip @before-hide="beforeHide" v-model="show">
    Some text as content of Tooltip
  </q-tooltip>
</q-btn>

new Vue({
  el: '#q-app',
  data: {
    show: false
  },
  methods: {
    beforeHide() {
      this.show = true;
    }
  }
})

https://codepen.io/pierresaid/pen/MWajrrV?editors=1011

https://quasar.dev/vue-components/tooltip#QTooltip -API

...