Vue отображает данные для исправления пользователя после запросов axios GET?
У меня есть карточка профиля пользователя, которая отображает различные измерения в коробках, такие как температура, объем и вес.
В настоящее время я получаю имя каждого пользователя из запроса axios GET, затем мне нужно взять идентификатор профиля в этих данных и выполнить другой запрос GET с идентификатором, который дает мне данные производительности, в этих данных мне дается идентификатор производительности, который мне нужно использовать, чтобы получить окончательный массив данных измерений.
Но мне интересно, как я могу взять данные измерений и отобразить их в каждом профиле пользователя(который имеет данные измерений) для каждого измерительного блока?
Например, предположим, что у меня есть 3 объекта деталей профиля и 2 данных измерений, как я могу показать данные измерений с идентификатором производительности 2 на идентификатор профиля 3?
Я сделал небольшой рабочий проект Здесь
В этом примере окончательный запрос axios в созданном крюке Profile.vue
console.log('final data',response.data) отображает данные, которые мне нужно отобразить в шаблоне.Большое спасибо!
Что я уже пробовал:
Я попытался сохранить окончательные данные в массив профилей, содержащий объекты имен, и сделать что-то вроде этого:
{{ item.id == idNums.profile_id ? idNums.data[1].data: "" }}
Поэтому, если идентификатор профиля в данных профиля = идентификатор профиля в данных измерений(которые я сохранил в массиве профилей), он должен отображаться, но он не работал должным образом, и была огромная задержка данных.