Прокрутите страницу, чтобы разделить нагрузку на vue js

Question

Я сталкиваюсь с проблемой прокрутки страницы в div при загрузке страницы, используя vue js.

<div v-for="(answer, index) in answers">
    <p>{{answer.id}}</p> <p>{{answer.body}}</p>
</div>

как прокрутить страницу при загрузке, чтобы ответить с определенным идентификатором?

Answer 1

Попробуйте добавить ref к каждому div, например:

<div v-for="(answer, index) in answers" :ref="answer.id">
    <p>{{answer.id}}</p> <p>{{answer.body}}</p>
</div>

и в установленном крюке добавьте следующий код:

mounted(){
 this.$refs["4"].scrollIntoView({behavior: "smooth", block: "start", inline: "start"});
  //replace 4 by your preferred id

}