Підкажіть по асінхронам будь ласка (здається я не те роблю). Є

Question

Підкажіть по асінхронам будь ласка (здається я не те роблю). Є

методи.
Заповнити меню категорій:
fillCategories() {
this.getCategories();
let found = this.menu.find( e => e['group_key'] === 'categories');
this.$store.categories.forEach(el => found.items.push(el));
},
Він викликає це - отримати категорії з локалСторадж:
async getCategories() {
if (!window.localStorage.getItem('categories')) {
await this.getCategoriesFromDb();
}
this.$store.categories = JSON.parse(window.localStorage.getItem('categories'));
},
Цей, якщо категорій в стораджі нема, вікликає це 1 - отримати категорії з БД
getCategoriesFromDb() {
this.apiService.getCategoriesList(this.$store.categories).then((list) => {
window.localStorage.setItem('categories', JSON.stringify(list));
});
},

І от, у разі, коли потрібно отимати з БД, 1-й метод викидує помилку, що forEach не відбудеться з undefined, бо на той момент this.$store.categories ще не існує.

Що мені потрібно зробити асінхроним, щоб заповнення категорій відбулося без полмилок у разі отримання даних з БД?

#programming #russian #vue.js

0

03.06.2022

8 ответов

6 просмотров

Oleksandr

Oleksandr
Я би замінив foreach на concat

found.items = [...found.items, ...(this.store.categories || []) Це якщо found.items - масив

0

03.06.2022

Volodymyr 🇺🇦 Yefremov Автор вопроса

Oleksandr
found.items = [...found.items, ...(this.store.cate...

дякую, зараз спробую

0

03.06.2022

Volodymyr 🇺🇦 Yefremov Автор вопроса

спробував, працює, дякую! але моя проблема в іншому - саме в тому, що метод fillCategories не чекає закінчення отримання даних з БД; може цей метод також треба асинхроним зробити?

0

03.06.2022

Oleksandr

Volodymyr 🇺🇦 Yefremov
спробував, працює, дякую! але моя проблема в іншо...

Так, async/await або .then На getCategories()

0

03.06.2022

Volodymyr Klimov

Volodymyr 🇺🇦 Yefremov
спробував, працює, дякую! але моя проблема в іншо...

Звичайно, якщо ви викликаєье асинхронну функцію із синхронної, результат виконання асинхронної ви не побачите Використовуйте await або then

0

03.06.2022