Behalten Sie den Zustand zwischen Seitenneuladungen bei

Question

Vielleicht ist das eine seltsame Frage, aber ich bin neu bei Vue und habe noch keine Antwort gefunden. Wenn ich v-if und v-else verwende, funktioniert alles einwandfrei:

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

Aber nach dem Neuladen der Seite kehrt alles in den v-if-Zustand zurück. Gibt es eine Möglichkeit sicherzustellen, dass der v-else-Status nach dem Neuladen der Seite angezeigt wird?

Answer 1

当在Vue应用中重新加载页面时，组件的状态将重置为初始状态，数据属性将返回到默认值，这就是您遇到此行为的原因。

如果您希望在页面重新加载后保留v-else状态，可以采用不同的策略，如将状态持久化存储在本地或会话存储、cookie或URL状态（如Vue Router）中。

最简单的方法是将其保存在localStorage中。请参阅此文章，了解如何利用localStorage进行绑定。