Как реализовать ленивую загрузку?

Question

[prewordeSSS]

У меня есть компонент, по открытию которого идет запрос на бек. В этом же компоненте есть несколько тегов template, которые открываются при нажатии на них. Внутри этих тегов есть другие таблицы(vue-good-table), которые так же подхватывают данные, которые прилетели с бека, при первой загрузке компонента.
Как я могу оптимизировать загрузку тегов template, то есть подгружать и формировать их таблицы, только при нажатии?Возможно ли это реализовать не вынося эти таблицы в отдельные компоненты, без отдельных запросов на бек?

Comments

[Вадим]

так, ну, судя по описанию, у Вас кейс, когда по умолчанию таблица не показывается, дальше происходит какая-то интеракция с пользователем, которая имеет определённый обработчик.

Делайте запрос после этой интеракции, показывайте лоадер, что идёт загрузка данных и когда данные загрузятся - показывайте таблицу.

Если же отдельный запрос не нужен для таблиц и все данные уже есть, то тогда проблема и вовсе не понятна.
Делаете флаг, v-show или v-if на этот флаг, по клику меняете значение - таблица отображается.

[prewordeSSS]

Вадим, Да, все данные уже есть, так же стоит флаг v-if, но загрузка страницы все равно почему то гораздо дольше идет, нежели без этих таблиц(даже при наличии флага)

[Вадим]

prewordeSSS, Ну тут надо смотреть на конкретные метрики почему дольше и как что организовано в коде и проекте