• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Vue.js - koszyk sklepowy

Object Storage Arubacloud
0 głosów
254 wizyt
pytanie zadane 6 lipca 2020 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
Cześć, chciałbym w Vue.js zrobić koszyk sklepowy gdzie będzie dodawane id produktu, ilość i rozmiar.  Używam Vue i Vuex ale nie mam pojęcia jak to ogarnąć. Muszę te dane zapisywać do localStorage czy jest jakiś inny sposób?
1
komentarz 6 lipca 2020 przez Tomek Sochacki Ekspert (227,510 p.)
Ale napisz z czym dokladnie masz problem?
komentarz 6 lipca 2020 przez mi-20 Stary wyjadacz (13,190 p.)
Głównie nie wiem od czego zacząć. Przeglądałem trochę internety ale nie mogę znaleźć punktu zaczepienia. Mam formularz dodawania do koszyka i tam są właśnie dwa pola: rozmiar i ilość a id produktu pobieram z url...no i tutaj nie wiem co mam dalej zrobić :D ... wiem tylko że gdzieś to muszę zapisać tak żeby mieć też możliwość edycji (zmiana rozmiaru i ilości) i usunięcia.

2 odpowiedzi

0 głosów
odpowiedź 6 lipca 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
Ja bym do przechowywania danych z koszyka - id produktu etc wykorzystywał local storage. Jeśli do tego celu użyjesz vuexa to po odświeżeniu przeglądarki tracisz wszystkie dane. Nie wiem czy to odpowiedź na twoje pytanie ale musisz je zadać bardziej konkretnie :)
komentarz 6 lipca 2020 przez mi-20 Stary wyjadacz (13,190 p.)
też właśnie o tym myślałem tylko muszę przechowywać tam tablicę i to na niej działać? W senie tą tablicę edytować etc?
1
komentarz 6 lipca 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
No to nie problem, musisz najpierw ja przekonwertować na JSONa a potem zrobic odwrotna konwersje.
komentarz 7 lipca 2020 przez BT101 Stary wyjadacz (12,540 p.)

@pawi125, Nie jeśli użyjesz https://github.com/robinvdvleuten/vuex-persistedstate tak jak większość ludzi korzystająca z Vue na co dzień.

komentarz 7 lipca 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)
Spoko paczka, nie wiem czy większość ludzi jej używa ale zapewne warto się nią zainteresować :)
1
komentarz 7 lipca 2020 przez BT101 Stary wyjadacz (12,540 p.)

Jest kijowa, jak używasz SSR i w vuex trzymasz np bool (false) czy wyświetlać informacje o ciasteczkach to po odswiezeniu przez ulamek sekundy widzisz te informacje mimo wszystko. Bo trzeba ustawić mode: 'client' dla tej paczki bo ona uzywa `document`/`window`

https://nuxtjs.org/faq/window-document-undefined/
https://github.com/robinvdvleuten/vuex-persistedstate#nuxtjs
https://nuxtjs.org/guide/plugins/#object-syntax
 

0 głosów
odpowiedź 6 lipca 2020 przez Else Stary wyjadacz (12,260 p.)

Też miałem ten problem kilka dni temu. Użyj https://github.com/robinvdvleuten/vuex-persistedstate. To zapisuje cały store do localstorage. Instalacja jest banalnie prosta.

Podobne pytania

+1 głos
1 odpowiedź 178 wizyt
pytanie zadane 16 stycznia 2023 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
0 głosów
1 odpowiedź 157 wizyt
pytanie zadane 27 czerwca 2021 w JavaScript przez mikey Użytkownik (820 p.)
+1 głos
2 odpowiedzi 399 wizyt
pytanie zadane 19 kwietnia 2021 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)

92,674 zapytań

141,578 odpowiedzi

320,048 komentarzy

62,039 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...