А как обновить значение computed-свойства если изменились исходные данные? Я сначала

Question

А как обновить значение computed-свойства если изменились исходные данные? Я сначала

проверяю, что в массиве counterparties есть нужная мне сущность, а если её нет я её отдельно запрашиваю с сервера и добавляю в массив counterparties, ко всем остальным. массив находится внутри реактивного store
Пытаюсь её выводить <div>{{currentCounterparty.user.name}}</div> и ничего не вижу

{ counterparties, loadCounterpartyById } = useCounterparty(),
currentCounterparty = computed(() => {
if (counterparties.value.length == 0) {
loadCounterpartyById(currentUser.value.token, useRoute().params.id)
} else {
return counterparties.value.filter(item => item?.user?.id === useRoute().params.id)[0]
}
})

#frontend #javascript #programming #russian #vue.js

0

08.10.2023

6 ответов

33 просмотра

Konstantin

вроде нехорошо компутеды менять

0

08.10.2023

McLotos Автор вопроса

Илья Салмасов
нельзя делать мутации или делать async запросы вну...

пробовал через watch, тоже не сработало =(

0

08.10.2023

McLotos Автор вопроса

McLotos
пробовал через watch, тоже не сработало =(

{ counterparties, loadCounterpartyById } = useCounterparty(), currentCounterparty = computed(() => counterparties.value.filter(item => item?.user?.id === useRoute().params.id)[0]) watch(counterparties, () => { if (!currentCounterparty.value) { loadCounterpartyById(currentUser.value.token, id) } })

0

08.10.2023

Илья Салмасов

McLotos
{ counterparties, loadCounterpartyById } = useCoun...

🙂 еще раз скажу - нельзя делать асинхронные запросы внутри computed или какие-либо мутации computed должен быть чистой функцией

0

08.10.2023

McLotos Автор вопроса

Илья Салмасов
🙂 еще раз скажу - нельзя делать асинхронные запрос...

ну так я же просто фильтр там делаю, запрос отдельно лежит

0

08.10.2023