Как правильно лениво подгружать данные во Vue?

У меня есть компонент с постами, всего их допустим 100. Так же есть компонент с каждым постом отдельно. Реализовано через vue-router. Сами посты подгружаются по 20 штук (я понимаю что 100 постов можно загрузить сразу, пример академический). Так вот, первые 20 постов загружаются при запуске приложения, остальные - когда пользователь достаточно проскроллил вниз. Но пользователь может ввести в адресной строке id поста вручную, и если пользователь не загрузил посты изначально, и попытался получить доступ к посту с id 65, то он ничего не увидит, потому что они ещё не подгрузились.

1) Что делать в такой ситуации?
2) А как поступать если постов всего 100, а пользователь хочет посмотреть например 102?
  • Вопрос задан
  • 1757 просмотров
Решения вопроса 1
@Sundagy
BEADS
существуют компоненты "виртуальных списков" для организации огромных списков и рендером только тех, что видны в данный момент. для поиска отдельной записи лучше дергать запрос к АПИ.

https://github.com/tangbc/vue-virtual-scroll-list/...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы