Vue2 错误："未知的自定义<gmap-infowindow>元素："

Question

如何在 Vue 组件中声明一个 gmap-infowindow？

我有一个 GmapMap 组件，它似乎在主文件中声明.js。在这个组件中，我想要一个包含信息组件的悬停组件。我不知道如何声明信息组件，所以我收到错误"未知自定义元素：">

// main.js
Vue.use(VueGoogleMaps, {
load: {...}
)
// site_maps.vue
<template>
<div>
<GmapMap>
<HoverTooltip >
</GmapMap>
</div>
</template>
// hover_tooltip
<template>
<div>
<gmap-infowindow
:position="pos"
>{{ text }}</gmap-infowindow>
</div>
</template>

Answer 1

InfoWindow

组件以GmapInfoWindow的名称而不是 "GmapInfowindow" 进行全局注册;因此，在您的模板中，将此<gmap-infowindow>更改为<gmap-info-window>。除非您使用不同的名称在本地注册它(似乎并非如此(。