Nuxt.js 和錨點

Question

如何處理 Nuxt.js 中的錨點（在同一頁面內）？

問題是 URL 始終保持在基礎localhost:3000/我也希望在 URL 上顯示錨點： localhost:3000/#anchor1 、 localhost:3000/#anchor2 、 localhost:3000/#anchor3 ......等等。

似乎<nuxt-link :to=(/#anchorid)> Inner link </nuxt-link>不能完成這項工作。

如何實現這個功能？

Answer 1

如果使用locales

<nuxt-link 
  :to="localePath({ name: 'index', hash: '#anchor1'})" 
  v-text="Anchor 1" 
  alt="Anchor 1">
</nuxt-link>

別的

<nuxt-link to="/anchor1" v-text="Anchor 1" />

Answer 2

如何處理Nuxt.js中的錨點（在同一頁面中）？

問題是URL始終保持在基本localhost:3000/我也想在URL上顯示錨點： localhost:3000/#anchor1 ， localhost:3000/#anchor2 ， localhost:3000/#anchor3 …等等。

似乎<nuxt-link :to=(/#anchorid)> Inner link </nuxt-link>不能完成該工作。

如何實現此功能？