鼠标退出时关闭信息窗口

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侦听器。

这就是你想做的吗？

代码笔：https://codepen.io/x84733/pen/GGYwEg?editors=1010

<div @mouseleave="hide = true" v-if="hide == false"></div>
...
data: () => ({
hide: false
})