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

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

1) Что делать в такой ситуации?
2) А как поступать если постов всего 100, а пользователь хочет посмотреть например 102?
  • Вопрос задан
  • 1225 просмотров
Решения вопроса 2
l3ftoverz
@l3ftoverz
Люблю front-end
пользователь может ввести в адресной строке id поста вручную

Вообще, пользователь такое делать не должен... Но они много, что не должны но лезут.

Тут на самом деле всё просто, нет поста, но он запрашивается в URL - подгрузить.
Мне кажется это самый верный вариант.
Ответ написан
@Sundagy
Pandora Dev
существуют компоненты "виртуальных списков" для организации огромных списков и рендером только тех, что видны в данный момент. для поиска отдельной записи лучше дергать запрос к АПИ.

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

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

Войти через TM ID
Похожие вопросы
Ingram Micro Cloud Москва
от 170 000 руб.
//stablecode Вена
от 110 000 до 140 000 руб.
IT Company Санкт-Петербург
от 120 000 до 200 000 руб.