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 。