[Vuejs]-Vue.js Recursive component scrollIntoView

This is because your MessageContent is just a single reference kept getting overwritten by v-for items. Vue 3 template refs are just vanilla ref variables. It doesn’t have special syntax hence does not have to be this static. The official doc has dedicated section on how to capture template refs inside v-for: https://v3.vuejs.org/guide/composition-api-template-refs.html#usage-inside-v-for