保持狀態在頁面重新載入之間的持續性

Question

也許這是一個奇怪的問題，但我對Vue還不熟悉，也沒有找到答案。 當我使用v-if和v-else時，一切都正常：

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

但重新載入頁面後，一切都回到了v-if狀態。有沒有辦法確保在頁面重新載入後顯示v-else狀態？

Answer 1

當在Vue應用程式中重新載入頁面時，元件的狀態將重設為初始狀態，資料屬性將返回預設值，這就是您遇到此行為的原因。

如果您希望在頁面重新載入後保留v-else狀態，可以採用不同的策略，例如將狀態持久化儲存在本機或會話儲存、cookie或URL狀態（如 Vue Router）中。

最簡單的方法是將其保存在localStorage中。請參閱此文章，了解如何利用localStorage進行綁定。