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" />