84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
也許這是一個奇怪的問題,但我對Vue還不熟悉,也沒有找到答案。 當我使用v-if和v-else時,一切都正常:
但重新載入頁面後,一切都回到了v-if狀態。有沒有辦法確保在頁面重新載入後顯示v-else狀態?
當在Vue應用程式中重新載入頁面時,元件的狀態將重設為初始狀態,資料屬性將返回預設值,這就是您遇到此行為的原因。
如果您希望在頁面重新載入後保留v-else狀態,可以採用不同的策略,例如將狀態持久化儲存在本機或會話儲存、cookie或URL狀態(如Vue Router)中。
v-else
最簡單的方法是將其保存在localStorage中。請參閱此文章,了解如何利用localStorage進行綁定。
localStorage
當在Vue應用程式中重新載入頁面時,元件的狀態將重設為初始狀態,資料屬性將返回預設值,這就是您遇到此行為的原因。
如果您希望在頁面重新載入後保留
v-else
狀態,可以採用不同的策略,例如將狀態持久化儲存在本機或會話儲存、cookie或URL狀態(如Vue Router)中。最簡單的方法是將其保存在
localStorage
中。請參閱此文章,了解如何利用localStorage
進行綁定。