Закрыть информационное окно при наведении мыши - PullRequest
Новая
       12

Закрыть информационное окно при наведении мыши

0 голосов
/ 27 июня 2018

Как я могу скрыть информационное окно, когда я покидаю его? Я хочу иметь возможность скрыть это, как только мышь покинет информационное окно. Я использую этот пакет VUE здесь: https://github.com/xkjyeah/vue-google-maps/issues/428

Я пробовал что-то вроде этого: 

this.$nextTick(function() {
  self.$refs.gmap.$mapPromise.then(function(map){ // ensures that map 
                                                  object is ready and exists
    google.maps.event.addListener(self.infoWindow, 'mouseout', // self.infoWindow is infoWindow instance, 
                                                                  I am only using one and change content
    function(){
      self.infoWindow.infoWinOpen = false; // way of vue-google-maps 
                                              to close 
                                              infowindow
    });
  });
});

Это не работает, когда я пытаюсь применить его непосредственно к маркеру, вместо этого оно применяется только к маркеру, когда я наведите курсор мыши, но не к информационному окну, это означает, что, как только я покидаю маркер и хочу перейти к информационное окно закрывается. Может кто-нибудь сказать мне, как закрыть информационное окно, как только я уйду с помощью мыши из окна?

1 Ответ

0 голосов
/ 27 июня 2018

Если вы хотите что-то скрыть, когда мышь покидает его, просто добавьте слушатель @mouseleave к элементу.

Это то, что вы пытаетесь сделать?

Codepen: https://codepen.io/x84733/pen/GGYwEg?editors=1010

<div @mouseleave="hide = true" v-if="hide == false"></div>

...

data: () => ({
  hide: false
})
...