也许这是一个奇怪的问题,但我对Vue还不熟悉,也没有找到答案。 当我使用v-if和v-else时,一切都正常:
<CodeForm v-if="isLoginFormSent" /> <LoginForm v-else />
但是在重新加载页面后,一切都回到了v-if状态。有没有办法确保在页面重新加载后显示v-else状态?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
当在Vue应用中重新加载页面时,组件的状态将重置为初始状态,数据属性将返回到默认值,这就是您遇到此行为的原因。
如果您希望在页面重新加载后保留
v-else状态,可以采用不同的策略,如将状态持久化存储在本地或会话存储、cookie或URL状态(如Vue Router)中。最简单的方法是将其保存在
localStorage中。请参阅此文章,了解如何利用localStorage进行绑定。