Блог

Как работать с якорями (внутри одной страницы) в Nuxt.js ?

Проблема в том, что URL-адрес всегда остается в базе, localhost:3000/ я хочу, чтобы якоря также отображались в URL: localhost:3000/#anchor1 , localhost:3000/#anchor2 , localhost:3000/#anchor3 … и т.д.

Кажется, <nuxt-link :to=(/#anchorid)> Inner link </nuxt-link> это не выполняет свою работу.

Как достичь этой функциональности?

При использовании 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" />