Garder l'état persistant entre les rechargements de pages

Question

C'est peut-être une question étrange, mais je suis nouveau sur Vue et je n'ai pas encore trouvé de réponse. Lorsque j'utilise v-if et v-else, tout fonctionne correctement :

<CodeForm v-if="isLoginFormSent" />
<LoginForm v-else />

Mais après avoir rechargé la page, tout revient à l'état v-if. Existe-t-il un moyen de garantir que l'état v-else est affiché après le rechargement de la page ?

Answer 1

Lorsque la page est rechargée dans une application Vue, l'état du composant est réinitialisé à son état initial et les propriétés des données sont renvoyées à leurs valeurs par défaut, c'est pourquoi vous rencontrez ce comportement.

Si vous souhaitez conserver l'état v-else lors des rechargements de pages, vous pouvez utiliser différentes stratégies, telles que la persistance de l'état dans le stockage local ou de session, les cookies ou l'état de l'URL (comme Vue Router).

Le moyen le plus simple est de l'enregistrer dans localStorage中。请参阅此文章，了解如何利用localStorage pour le relier.