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

Question

[Антон Шелестов]

Всем првиет!

Есть например список пользователей. При нажатии на пользователя открывается popup и в него с сервера подгружается разная информация о пользователе.

Когда popup закрывается получается вся подгруженная информация удаляется из DOM и если опять нажать на этого же пользователя, то опять пойдет запрос на сервер за информацией, что не рационально...

Popup у меня организован как отдельный компонент.

Кто-нибудь сталкивался с подомной задачей, как решали?

Comments

[Николай Чуприк]

Так а что мешает сохранить полученные данные, а перед загрузкой проверять их наличие?

[Дмитрий Кузнецов]

Николай Чуприк, в "ответы" лучше бы написал

Answer 1

[Владимир Мальков]

Создай объект cacheData, складывай туда данные по, скажем, id пользователя, а перед запросом проверяй наличие кэша:

function (id) {
  if (this.cacheData[id])  {
    showPopup(); // код отвечающий за попап
    return;
  }

  axios.get().then((resp) = > {
    this.cacheData[id] = resp.data;
  })
}

Comments

[Антон Шелестов]

Спасибо, что-то не сообразил о сохранении данных вне компонента, а потом их передавать. Но получается постоянно рендерится будет информация каждый раз

[Владимир Мальков]

Антон Шелестов, рендеринг зависит от твоего подхода) Лично я в подобной ситуации не удаляю компонент из dom, а просто прячу через v-show.

[Антон Шелестов]

Владимир Егонин, Да позже вспомнил что есть v-show, прочитал что он делает и оказалось то что надо)