A continuación se muestra el componente home.vue que tiene otros dos componentes legales y de servicio. ¿En el montado () tengo si la identificación está presente? luego desplácese hasta ver la sección legal. El problema al que me enfrento aquí es que se desplaza un poco pero no desplaza la sección legal hasta la parte superior de la página. Adjunto la imagen. Por favor, ayúdame a encontrar dónde me estoy equivocando.

casa.vue

 <template> <div> <Service id="service"></Service> <br /> <hr> <Legal id="legal"></Legal> </div> </template> <script> import Service from 'views/home/service.vue'; import Legal from 'views/legal.vue'; export default { components: { Service, Legal, }, props: ['id'], mounted() { // this.id == 'legal' if (this.id) { this.$nextTick(()=> window.document.getElementById('legal').scrollIntoView()); } } }; </script>