Vue: Wie verwende ich localStorage mit vue?
Ich habe (zweimal) im Chat gepostet, niemand hat geantwortet, also hoffe ich, dass ich hier Hilfe bekommen kann.
Ich habe ein Mixin isLoggedIn (), das true zurückgibt, wenn das Element in localStorage vorhanden ist, und false, wenn dies nicht der Fall ist.
Meine Frage ist, wie kann ich den Zustand neu bewerten, wenn ich Elemente aus localStorage aktualisiere oder entferne, da einige Elemente nur angezeigt werden, wenn isLoggedIn wahr ist?
Und ist es richtig, v-show="isLoggedIn()" zu verwenden, oder würden Sie etwas anderes vorschlagen, ich weiß nicht, was die beste Vorgehensweise dafür ist?
Danke Leute.
seemsindie
Alle 3 Kommentare
Der Haken dabei ist, dass localStorage nicht reaktiv ist, also brauchen Sie etwas, das reaktiv ist, um die Änderungen auszulösen. Grundsätzlich verwenden Sie ein Objekt, um den Anmeldestatus darzustellen, und wenn Sie sich anmelden/abmelden, würden Sie localStorage und dieses Objekt zusammen ändern (und dieses Objekt initialisieren, indem Sie beim Laden der App aus localStorage lesen).
Siehe http://vuejs.org/guide/application.html#State_Management
und https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ was genau das tut, was Sie versuchen zu tun.
yyx990803
am 16. Dez. 2015
@yyx990803 Danke Mann, dieser Artikel ist genau das, was ich versuche zu tun.
seemsindie
am 17. Dez. 2015
Wo ist der beste Ort, um den lokalen Speicher bei der App-Initialisierung zu überprüfen, um festzustellen, ob der Benutzer bereits von einer früheren Sitzung angemeldet ist? In dem Tutorial, auf das verwiesen wird, haben sie nur eine Zeile in der Startdatei / main.js , bevor Vue initialisiert wird. Ich habe etwas ähnliches gemacht . Ist das empfehlenswert?
timwis
am 5. Nov. 2017
Verwandte Themen
guan6
·
3Kommentare
aviggngyv
·
3Kommentare
WolfgangFellger
·
3Kommentare
paulpflug
·
3Kommentare
Jokcy
·
3Kommentare
Hilfreichster Kommentar
Der Haken dabei ist, dass localStorage nicht reaktiv ist, also brauchen Sie etwas, das reaktiv ist, um die Änderungen auszulösen. Grundsätzlich verwenden Sie ein Objekt, um den Anmeldestatus darzustellen, und wenn Sie sich anmelden/abmelden, würden Sie localStorage und dieses Objekt zusammen ändern (und dieses Objekt initialisieren, indem Sie beim Laden der App aus localStorage lesen).
Siehe http://vuejs.org/guide/application.html#State_Management
und https://auth0.com/blog/2015/11/13/build-an-app-with-vuejs/ was genau das tut, was Sie versuchen zu tun.