Как дождаться загрузки значений props?

Question

[Sergey750il]

Доброго времени суток. Значение props подтягивается из api, но как в потомке проследить, что props загрузились? Был уверен, что сработает watch, но этого не произошло.

watch: {
 chartData(){
        this.t.update();
     }
}

Comments

[Sergey750il]

Дмитрий Безменов, да

[Sergey750il]

chartData: {
labels: [10,20],
datasets: [{
label: "Частота пульса",
data: [70,60],
backgroundColor: "rgba(224, 248, 255, 0.4)",
borderColor: "#5cddff",
lineTension: 0,
pointBackgroundColor: "#5cddff",
pointRadius: 10,
pointHoverRadius: 15
},
// {
// label: "Last week",
// data: [10, 250, 3, 25, 17, 4, 9],
// backgroundColor: "rgba(241, 225, 197, 0.4)",
// borderColor: "#ffc764",
// lineTension: 0,
// pointBackgroundColor: "red",
// pointRadius: 10,
// pointHoverRadius: 15
// },
// {
// label: "Last week",
// data: [10, 257, 3, 25, 17, 4, 9],
// backgroundColor: "rgba(241, 225, 197, 0.4)",
// borderColor: "#ffc764",
// lineTension: 0,
// pointBackgroundColor: "red",
// pointRadius: 10,
// pointHoverRadius: 15
// },

],
},

[Sergey750il]

Дмитрий Безменов, Попробовал, не получилось.

Answer 1

[Альберт Ефремов]

В таких случаях неплохо делать лоадер. И пока данные грузятся, показываем лоадер, а когда они приехали, показываем компоненты в которые пробрасываем полученные, отфильтрованные или обработанные под иные задачи (например), данные.

Загрузку данных нужно отслеживать там, где эта загрузка проинициализирована. Но в любом случае, если значение пропс изменится, компонент должен перерисоваться.