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

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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
25 марта 2019, в 17:13
10000 руб./за проект
25 марта 2019, в 15:16
1000 руб./за проект