How to scroll window inside modal up when button is clicked?

Question

Vue.js

I use sweet modal for vue https://sweet-modal-vue.adepto.as/

There are tabs in the modal

<sweet-modal ref="modal">

            <sweet-modal-tab id="comments" title="comments" ref="commentsTab">
                <comments/>
            </sweet-modal-tab>

// длинный текст

// кнопка открывающая таб комментариев
<a href="" class="btn" @click.prevent="openComments">Comments</a>

        </sweet-modal>

method that opens the comments tab

openComments() {
            this.$refs.commentsTab.active = true
        },

Comments open. Everything is fine. But since the text is large, then the comments are opened not from the beginning, but from the end. The modal window was already scrolled when the button was clicked. How to scroll the modal to the top at the moment of clicking on the button for opening comment tabs?

Answer 1

1. Don't use this shit, it's made by someone who doesn't understand how to work in vue.
2. Something like that (did not check):

this.$refs.commentsTab.active = true;
this.$nextTick(() => this.$refs.commentsTab.$el.scrollIntoView());