google-maps - Vue2 错误：“未知的自定义元素："

Question

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

我有一个似乎在 main.js 文件中声明的 GmapMap 组件。在这个组件中，我想要一个 Hover 组件来容纳一个 info 组件。我不知道如何声明信息组件，所以我收到错误“未知自定义元素：”

// 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>

标签： google-mapsvue.js

Answer 1

该InfoWindow组件在名称下全局注册，GmapInfoWindow而不是“GmapInfowindow”；所以在您的模板中，将其更改<gmap-infowindow>为<gmap-info-window>. 除非您在本地注册，但名称不同（似乎并非如此）。