Как асинхронно забрать данные в хуке «created»?

Question

[Артем Михневич]

Всем привет , подскажите пожалуйста, как корректно взять данные ?
Давайте по порядку, Это функция в methods перебирает мой массив на наличие соответствия в Json,
Так же в methods и Axios запрос, но вызываю его в created ( см. ниже )

toggleIcon: function() {
for(var key in this.icon) {
if (this.icon[key].id.slice(0,2) == this.value_icon) {
this.icon[key].value = true;
}
}
}

Все бы ничего , но по debugger я отследил , что переменная this.value_icon пустая, пробовал SetTImeOut , но результатов не дал. может мне просто вызывать функцию в другом хуке ?

created() {

this.getPosition();
this.measureSystemC();
this.measureSystemF();
this.toggleIcon(); // нет доступа к переменной с json

},

Comments

[Koteezy]

Красиво оформил код-блоки брат

[Артем Михневич]

Koteezy, спасибо брат старался, чтобы наглядно было )

Answer 1

[Alexander Pushkarev]

Created поддерживает async. Можно код так дописать (await можно указать, только для метода с промисом)

async created() {
   await this.getPosition();
   await this.measureSystemC();
   await this.measureSystemF();
   this.toggleIcon();
},

Пример работы - https://codesandbox.io/s/xrpw40y7vp

Comments

[Артем Михневич]

Спасибо большое )