En este caso uso un boton pero podrias usar un link o cualquier otra cosa para hacer el scroll.
- colocar el id correspondiente a cada elemento seguido de botones o links para cada uno.
<button @click="scrollInto('element1')">Ir Elemento1</button>
...
...
<div id="element1"></div
<div id="element2"></div
<div id="element3"></div
- Esta funcion tomara el id del elemento, con esto buscara el DOM virtual de este elemento y usando la funcion
scrollIntoView
la pagina se movera hasta ese elemento, elbehavior: 'smooth'
es para que el movimiento sea suave.
scrollInto(elementId: string) {
const section = this.$el.querySelector(`#${elementId}`);
section!.scrollIntoView({ behavior: 'smooth' });
}