如何将 Leaflet 标记用作 Nuxt-Link？

Question

我开始使用nuxt和vue-leaflet创建交互式地图，但对此还很陌生。

地图上包含多个标记点，代表不同的位置。当用户单击标记点时，应该打开相应的页面。目前会弹出一个包含链接的弹窗。

      <l-marker
        v-for="(location, index) in allLocations"
        :key="index"
        :lat-lng="location.latlng"
      >
        <l-popup>
          <nuxt-link :to="getLink(location)">{{
            location.characterName
          }}</nuxt-link>
        </l-popup>
      </l-marker>

但我不想使用弹出窗口，而是希望用户单击标记时打开链接。不幸的是，这段代码不起作用：

      <nuxt-link
        v-for="(location, index) in allLocations"
        :key="index"
        :to="getLink(location)"
        v-slot="{ href, navigate }"
      >
        <l-marker :lat-lng="location.latlng" :href="href" @click="navigate">
        </l-marker>
      </nuxt-link>

感谢任何帮助，祝您有愉快的一天 :) Chris

- Christoph Meyer

Answer 1

如果您直接将 @click 方法绑定到 l-marker 并从绑定的方法打开链接，会发生什么？

- Nicolas Brondin-Bernard

---

谢谢，那个方法可行 :) 实际上你只需要使用 router.push("page2")。 - Christoph Meyer