Question

离开时如何隐藏信息窗口？我希望能够在鼠标离开信息窗口后立即将其隐藏。我在这里使用此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
    });
  });
});

这不起作用，当我尝试将其直接应用于标记时，它仅在鼠标移出时才应用于标记，而不适用于信息窗口，这意味着一旦我离开标记并想移至信息窗口，信息窗口关闭。有人可以告诉我如何在鼠标离开窗口后立即关闭信息窗口吗？

Answer 1

如果要在鼠标离开时隐藏某些东西，只需向元素添加@mouseleave侦听器。

这是您要做什么吗？

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

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

...

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

鼠标移出时关闭信息窗口

1 个答案: