Map 标记弹出窗口中的 Nuxt 链接

Question

我有一个谷歌 Map，加载了标记。 当我单击标记时，它会显示一个弹出窗口，这很棒。 在该弹出窗口中，我需要一个以便它顺利加载下一页。 但这在 map 标记的内容中不起作用，如下所示。

createMarker({
      lat: doc.lat,
      lng: doc.lng,
      content: `<div class="mapPopMarker-content">
                <div class="inner-content">
                  ${doc.name ? '<div class="name">'+ doc.name +'</div>' : ''}
                  ${doc.address ? '<div class="address">'+ doc.address +'</div>' : ''}
                  <NuxtLink to="/companies/${doc.id}" class="link">View</NuxtLink>
                </div>
                </div>`
})

渲染时，它只是渲染为 HTML，而不是此处的实际链接。 如何使这个 NuxtLink 工作？

Answer 1

是的，您不能在createMarker内容属性中呈现vue代码，因为它将作为innerHTML插入并且不会被编译。

您可以使用nuxt-gmaps库，也可以使用GMapMarker组件将您的代码添加为默认slot 。