VueJS - update data za pomocą Axios

Question

Tworzę aplikację wyświetlającą posty zależnie od wybranej kategorii. Komponent appMenu przesyła wybraną przez użytkownika kategorię poprzez $emit do rodzica (app.vue) gdzie jest przechowywana w data. Z tego rodzica zaś przekazuję kategorię poprzez props do komponentu showPosts. W komponencie showPosts w created() obsługiwane jest zapytanie przez Axios do API które zwraca wszystkie posty i przypisuję je do zmiennej w data tego komponentu.

Jednak gdy trzeba uaktualnić/wyświetlić posty z wybranej kategorii otrzymuję "błędne koło", tzn:
W komponencie showPosts otrzymuję nową wartość propsa kategoria i tam wykorzystuję beforeUpdate(). Robię ponowne zapytanie (używając URL z kategoria) i zwracam dane podmieniając nimi aktualne dane w data. Wtedy znów następuje uruchomienie beforeUpdate(), gdyż data została zaktualizowana i znów wykonuje się zapytanie które aktualizuje data. Czy powinienem czymś zastąpić beforeUpdate? Czy może nie w tym leży problem?

Wiem, że pytanie może wydawać się głupie, ale dopiero stawiam pierwsze kroki z Vue. Z góry dzięki za pomoc :)

Answer 1

Możesz np. przesyłać dane poprzez base64 tu masz poradnik jak to zrobić bez base64 https://serversideup.net/uploading-files-vuejs-axios/. Ja stosuje base64.

Comments

Masz racje przejże dokładnie kod i wyśle odpowiedź o 20:00

---

ZROBIONE ZARAZ WYŚLE KOD  

---

---

Proszę: https://github.com/igorgawrys/update_PROBLEM

---

Super! Działa jak należy :)
Co ciekawe w międzyczasie samemu udało mi się to rozwiązać przenosząc funkcję created do App.vue oraz dodając tam do metod updateCountry oraz updateCategory cały kod z funkcją Axios, po czym wynik przekazuję propsem do komponentu showNews.

Natomiast skorzystam z twojego rozwiązania, bo wygląda mi na lepsze i czytelniejsze. Dzięki! 

---

Na początku też miałem taki pomysł aby przenieść do App.vue