Vue js бесконечная подгрузка данных при скроллинге вверх?

Question

[Analka]

Как вызывать метод getMessages при скроллинге вверх блока

<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

[Alex]

Точно так же как в обычном JS: https://learn.javascript.ru/onscroll
В хуке mounted навешиваете обработчик событий