如何使用传单标记作为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

Answer 1

如果您将@click方法直接绑定到l标记，并从绑定的方法中打开链接，会怎么样？