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

Question

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

我有一个似乎在main.js文件中声明的GmapMap组件。在此组件内部，我想要一个悬停组件，用于容纳一个信息组件。我不知道如何声明信息组件，因此出现错误“未知的自定义元素：”

// 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>。除非您在本地注册，否则使用不同的名称（事实并非如此）。