Vue js infinite loading of data when scrolling up?

Question

Vue.js

How to call the getMessages method when scrolling up a block

<ul class="chat--messages__wrapper" v-if="messages.length > 0" ref="msg_wrapper">
        <li class="chat--messages__item" v-bind:class="{ user: message.user_id === userAuth.id }" v-for="(message,index) in messages">
            <div class="chat--user__image" v-bind:style='{ backgroundImage: `url("/storage/${message.avatar}")` }'></div>
            <div class="chat--user__data">
                <p class="last--massage" v-html="message.replay"></p>
            </div>
        </li>
    </ul>

Answer 1

Just like in regular JS: https://learn.javascript.ru/onscroll
Attach an event handler in the mounted hook