使用VueJs/Vuex重载页面时保持持久状态
使用VueJs/Vuex重载页面时保持持久状态，可以通过以下步骤实现：
- 首先，确保你已经在项目中安装了VueJs和Vuex。可以通过在终端中运行以下命令进行安装：
- 首先，确保你已经在项目中安装了VueJs和Vuex。可以通过在终端中运行以下命令进行安装：
- 在VueJs的入口文件（通常是main.js）中，导入Vuex并创建一个store实例。示例代码如下：
- 在VueJs的入口文件（通常是main.js）中，导入Vuex并创建一个store实例。示例代码如下：
- 确定你要持久化的状态字段，并在Vuex的state中定义。上述示例中的
persistState即为一个持久状态字段。 - 在需要保持持久状态的组件中，使用Vuex的
mapState辅助函数来获取和使用持久状态字段。示例代码如下： - 在需要保持持久状态的组件中，使用Vuex的
mapState辅助函数来获取和使用持久状态字段。示例代码如下： - 现在，你可以在任何需要保持持久状态的组件中，通过
this.persistState来获取和使用持久状态。当页面重载时，持久状态会被保存并恢复。
以上就是使用VueJs/Vuex重载页面时保持持久状态的步骤。对于VueJs和Vuex的详细介绍和相关文档，可以参考腾讯云的相关产品和产品介绍链接：
- VueJs官网：https://cn.vuejs.org/
- Vuex官网：https://vuex.vuejs.org/
相关·内容
我正在尝试维护从我的数据对象派生的状态，并在刷新页面时保持该状态。该接口通过getSpecificBeer()中的filter函数进行连接。 setBeerView', this.beerView) }, };
</script> 我正在尝试使用vuex和createPersistedState将数据保存到本地存储中。我可以在devto
浏览 22提问于2021-07-22得票数 0
1回答
我确实很了解VueJS，我也很熟悉VueX的使用。我正在从事几个VueJS项目，但我正在为我的商店的设置而奋斗。
可以肯定的是:我确实知道Vue和VueX的语法和用法。我的问题集中在
浏览 0提问于2019-03-28得票数 3
当我刷新页面时，商店的状态全部消失了。当我查找时，有一个名为vuex持久化的模块，它在localStorage中存储vuex的状态。为什么vuex在默认情况下不在cookie或localStorage?And，中存储vuex状态，使用vuex持久化模块存储存储状态会有任何副作用吗？。
浏览 0提问于2020-04-14得票数 2
回答已采纳
1回答
异常重定向
、、、
在登录页面中，它检查用户是否被授权。如果没有，则重定向到根目录。所以，我登录了，我在根目录中。我重新加载页面，然后立即重定向到登录页面，然后立即重定向到根目录，其他任何事情都不会发生。
浏览 0提问于2018-04-04得票数 1
回答已采纳
3回答
我正在用laravel和vuejs构建认证系统，我正在使用JWT构建认证系统，并将令牌存储在乳存储中。我能够存储在vuex存储的用户数据，是的，我可以看到在vuex区域下的devtool。问题是，当我刷新页面时，我会失去它。我想持久化用户的信息，它不应该被删除的页面刷新。我怎样才能做到这一点import Vuex from 'vuex
浏览 2提问于2017-10-08得票数 5
回答已采纳
我正在创建一个SPA，作为客户端会话的一个基本示例，我使用Vuex存储一个布尔状态，如果用户登录或不登录，它可以正常工作，而不是手动更新浏览器。当状态重新启动到其初始状态时，有什么方法可以阻止这种情况，还是应该始终使用本地存储？如果是，如何获得存储的初始状态？>Salir</a> </div><
浏览 5提问于2018-04-08得票数 6
回答已采纳
1回答
我使用压缩和加密我的vuex ouath信息，并使用vuex-persistedstate使其在页面刷新后保持不变。所有这些都很好，而且运行良好，但是当我添加encodingType："aes"来保护-ls选项时，会发生一些奇怪的事情。它使持久化不再有效，我的意思是当我刷新页面时，状态就消失了。import Vue from "vue";
import <em
浏览 4提问于2020-04-19得票数 0
回答已采纳
我正在使用Nuxt SSR与express会话，我有一个从服务器端重定向的passport JS /** * Create a new local account.它将重新加载页面并清除Vuex状态，对吗？如何从passport重定向，使Vuex状态保持不变，客户端页面不刷新
浏览 9提问于2019-12-28得票数 3
回答已采纳
4回答
我在研究redux应用程序的安全性，我在redux存储中存储了某些值，例如用户令牌等等。并试图查看其他人是否可以通过xss攻击访问它们--例如，我检查了sessionStorage、localStorage、cookies，它不在那里，而且它不在我的app.js文件(我的包文件)中，因此我提出了问题。
浏览 3提问于2016-07-12得票数 38
回答已采纳
在第一页刷新时，asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink，回到这个页面时，当状态不发生变化的时候，数据就在那里了。这意味着在第一次加载/刷新时，服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。使用asyncData的页面组件：
asyncData({ app, pa
浏览 2提问于2019-07-14得票数 4
回答已采纳
1回答
在我的VueJS应用程序中，我有多个页面(视图、组件)，它们从一些WebApi加载单独的数据。响应数据应该缓存在VueJS应用程序中，直到用户显式地点击“清除缓存”按钮。在每个组件的" data“成员中存储响应数据不起作用，因为在使用vue-router在页面中导航时会重新创建组件。我知道vuex用于存储应用程序状态，但它似乎更像是应用程序中央存储，而不是组件本地存储。我看到vuex存储可以模块化，但一个组件的状态仍然可以被
浏览 13提问于2021-07-22得票数 0
3回答
我使用一个store.js文件使用vuex并保存我的变量。import Vue from 'vue'import createPersistedState from 'vuex-persistedstate'import Cookies from 'js-cookie'
export const store
浏览 5提问于2018-05-15得票数 5
回答已采纳
我使用VueJS创建了一个表单，信息存储在Google中。在提交表单之前，我需要显示用户输入的信息的预览。
在VueJS中是否有一种方式显示输入的信息的预览？
浏览 6提问于2021-02-08得票数 0
回答已采纳
1回答
我正在开发一个Vuejs应用程序，当用户成功登录时，后端只返回一个令牌。当用户登录时，请求将获取用户信息(带有角色)。但是当我刷新页面或者改变路线时，我就失去了状态。
我本来打算把用户信息放到LocalStage中，但我很确定这是不安全的，因为我可以编辑应用程序中的角色(在Chrome中)。
浏览 2提问于2020-12-06得票数 2
回答已采纳
2回答
在Vue.js中，我有这样的方法来登录用户，在vuex存储中设置值，然后重定向到主页： axios.post( this.BASE_URL$store.state.token; 当我注释掉window.location.href = '/home';时，我在Vue.js控制台中看到登录成功，并且在存储中设置了值，但是，一旦页面被重定向到更新:我在像这样的routes.js中使用vue-路由器：
impor
浏览 1提问于2017-09-27得票数 5
回答已采纳
1回答
我需要使用vuex-persistedstate来使我的一个模块在刷新页面时保持状态。现在，当我只在user模块中使用plugins: [createPersistedState()]时，它不起作用。只有当我在商店的index.js中使用它时，plugins: [createPersistedState()]才能工作，但它使所有模块持久化，这不是我想要的。请问，有没有办法将vuex
浏览 76提问于2019-03-24得票数 13
回答已采纳
1回答
从VUEX存储向服务器发送数据：setTrackingData (state, value) {
state.to_the_final_destination = value.to_the_final_destination
浏览 3提问于2020-09-06得票数 1
回答已采纳
:exchange', component: Markets,}, 现在，当我像这样做路由器推送时，它可以正常工作：router.push({name: 'Markets', params: {code: this.model.Code, exchange: this.model.Exchange}}) 但是，当我输入url或重新加载页面时，它显示一个空白页面，并显示以下错误： Uncaug
浏览 8提问于2020-04-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
