刷新页面后Vuex无法读取属性
问题描述： 刷新页面后Vuex无法读取属性。
回答： 在Vue.js中，Vuex是一个专为Vue.js应用程序开发的状态管理模式。它可以集中管理应用程序的所有组件的状态，并提供了一种可预测的方式来管理状态的变化。
当刷新页面后，Vuex的状态会被重置，因为Vuex的状态是存储在内存中的，而刷新页面会重新加载应用程序，导致之前存储的状态丢失。这就是为什么刷新页面后无法读取Vuex属性的原因。
解决这个问题的方法有两种：
- 使用持久化插件：可以使用Vuex的持久化插件，如vuex-persistedstate，将Vuex的状态持久化到本地存储中，这样刷新页面后可以从本地存储中恢复状态。具体使用方法可以参考插件的文档。
- 在应用程序初始化时重新加载状态：可以在应用程序初始化时，通过调用接口或者其他方式重新加载之前保存的状态，并将其设置到Vuex中。这样刷新页面后，可以重新加载之前的状态。
总结： 刷新页面后，Vuex无法读取属性是因为Vuex的状态会被重置。可以通过使用持久化插件或者在应用程序初始化时重新加载状态来解决这个问题。具体的实现方法可以根据项目需求和实际情况选择适合的方式。
腾讯云相关产品推荐：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
1回答
刷新页面后Vuex无法读取属性
javascript、html、css、typescript、vue.js
当我使用来自Vuex商店的值时，我有一个<code>D0</code>组件。在进入每条路径之前，我从vuex运行了如下命令：我的商店：此外，在我的<code>D3</code>组件中还包含以下内容：并像这样使用这个值：现在的
浏览 6提问于2021-03-16得票数 1
1回答
在vuex.store中使用状态
vue.js、vuejs2、internationalization、vuex
我的问题是，在刷新页面之后，我重写了我的currentLanguge状态：import Vuex from "vuex";import createPersistedState from "vuex-persistedstate";
import toPolish from ".&#x
浏览 0提问于2018-08-20得票数 0
回答已采纳
1回答
VUEX状态已更新，但页面内容未更新%0
vuex、nuxt.js
我使用Nuxt、auth和VUEX状态来控制登录和注销过程。 在我登录后，VUEX状态已更新。但是页面上还是没有显示我的名字。只有在我刷新页面后，页面内容才会更新。我不知道为什么会这样。页面刷新前： ? 页面刷新后： ? 下面是我的代码片段： ?
浏览 19提问于2020-03-24得票数 0
2回答
刷新后，Params不工作。
javascript、vue.js、nuxt.js
编辑:我无法获得params.id，因为nuxt-链接将它传递给详细页面.这是博客详细信息页面的链接。nuxt-link :to="{name: 'category-slug', params: { slug: slug, id: id, category: category } }">
它运行良好，但在我刷新详细信息页(即: tech/hello-world)之后，它将返回无法读取空的<e
浏览 1提问于2018-05-27得票数 0
回答已采纳
1回答
刷新后Vuex持久化丢失数据
typescript、vuejs2、vuex
我正在努力保存一些数据，这些数据需要在页面重新加载后保持不变。我偶然发现了Vuex。我设法让它在一个只有Javascript的项目中工作，但由于某种原因，我不能让它在TypeScript中工作。刷新后，数据使用默认值，而不是在页面刷新之前分配的数据。import Vue from 'vue'import VuexPersistence from
浏览 32提问于2021-07-31得票数 0
回答已采纳
1回答
将存储加载到vue js中
vue.js、vuex
当我试图加载页面时，它显示了错误"TypeError:无法读取未定义的属性‘状态’“。根据文档，我试过这辆没有装载的巴士。export default {data: () => {}}
import Vue from 'vue'Vue.use(Vuex)
export const userS
浏览 1提问于2018-10-10得票数 0
回答已采纳
2回答
Vue devtools在刷新后停止
vue.js、vuex、vue-devtools
我的应用程序加载到chrome中，在vue选项卡vuex下进行检查后，我可以看到我的商店。
现在，当我刷新vue选项卡下的页面时，它显示"No App“，并且无法再看到我的vuex商店。有没有想过为什么devtools在刷新后停止工作？如果我停止服务器并重新启动devtools工作...但在刷新时会停止。
浏览 40提问于2021-08-06得票数 0
1回答
无法读取未定义(读“使用”) vuex的属性
javascript、vue.js、vuex
无法读取未定义(读取“use”) vuex的属性import Vuex from 'vuex'
浏览 10提问于2022-05-07得票数 0
3回答
我正在制作一个水疗应用与拉拉和vue，我想保持我的登录信息在vuex的状态后刷新一个页面。import Vue from 'vue' import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex</
浏览 9提问于2019-10-18得票数 1
回答已采纳
2回答
角/离子单片在刷新后被销毁
javascript、angular、typescript、ionic-framework、singleton
我将它们设置在登录页面上，然后使用角度Router.navigate转到下一页。(没有params)，在下一页上，我想使用我的单例，它工作得很好，但是如果我刷新页面，单例是未定义的？这是刷新后的错误：
core.js:5980错误:未定义(承诺)：TypeError:无法读取未定义TypeError的属性“socialSecurityNumber”：无法读取未定义的的属性“socialSecurit
浏览 6提问于2021-02-16得票数 0
1回答
如何防止vuex状态在使用Secure时重置？
vue.js、security、local-storage、vuex、persistent-storage
我使用压缩和加密我的vuex ouath信息，并使用vuex-persistedstate使其在页面刷新后保持不变。它使持久化不再有效，我的意思是当我刷新页面时，状态就消失了。我该怎么解决这个问题？import Vue from "vue";import oauthTokenModule from ".";
const l
浏览 4提问于2020-04-19得票数 0
回答已采纳
1回答
Vue中的反应导航组分
javascript、authentication、vue.js
但是，如果我刷新页面(重新初始化应用程序)，它将显示注销按钮。几个小时以来，我一直在努力理解Vue JS的概念，现在我正处于戒烟的边缘。
浏览 1提问于2019-01-20得票数 0
回答已采纳
2回答
Vuex将现有表单数据从状态加载到编辑
javascript、firebase、vue.js、vuex
因此，有一个“设置”页面，其中有用户配置文件(他们可以编辑他们的名字等)。当“设置”/“配置文件”页面加载时，我希望表单加载他们现有的数据，这样他们就可以修改它并按保存。Profile</button> </div></template>
import { mapState } from "vuex，它可以工作，但是如
浏览 4提问于2020-09-22得票数 4
回答已采纳
3回答
为什么刷新页面后未检测到Vuex？(nuxt)
vue.js、vuejs2、vuex、nuxt.js
刷新后未检测到Vuex，但所有数据都会输出到控制台。同样，在刷新后，某些组件的行为也不正确。例如，我使用vee-validate和我从后台获得的所有规则和字段，刷新后验证规则将消失，但字段会显示stroe/index.js
export const
浏览 4提问于2020-02-13得票数 1
1回答
从Vuex观察到的包含多行的属性查找非常缓慢。
vue.js、vuex
当我滚动时，我从一个包含大约5000行数组的Vuex存储数据属性中读取不同的值。当我开始滚动并通过'rowsPrepared‘Vuex属性读取单元格的值时，的速度非常慢。
但是，如果我从包含5000行的独立静态(未观察到)数据对象读取数据，那么它是超快的！。属性的阅读如此缓慢，并有办法绕过它？我所做的就是在商店创建后附
浏览 2提问于2018-08-11得票数 1
2回答
如何访问同级Vuex状态属性和getter
javascript、vue.js、vuex
在这些场景中，我需要填充"href“和"href2”，只要我尝试按下面的代码所写的填充，我就会得到同样，当从兄弟级Vuex状态数据引用时，undefined的：无法读取属性“locationId”我需要帮
浏览 4提问于2021-03-02得票数 1
1回答
具有vuex持久化持久化状态的Nuxt.js在页面刷新时在asyncData中不可用
vuex、nuxt.js、vue-ssr
在第一页刷新时，asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink，回到这个页面时，当状态不发生变化的时候，数据就在那里了。这意味着在第一次加载/刷新时，服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。使用asyncData的页面组件： //its not available upon first refresh, but
浏览 2提问于2019-07-14得票数 4
回答已采纳
1回答
在NUXT中间件中未定义Vuex存储
javascript、vue.js、vuex、nuxt.js
逻辑是，如果页面重定向到其他页面，它将进入中间件，并使用axios获取结果。无法读取未定义的“”commit“”属性
我错过了什么？我已经尝试过this.$store.commit(...)了，仍然没有定义。VUEXimport Vuex from 'vuex'
return
浏览 54提问于2018-05-02得票数 12
3回答
未定义的Vue.js使用方法
javascript、vue.js、vuex
目前我使用的是Vue CLI version^3.0.0和Vuex^3.6.0，但是当我想使用Vue.use( Vuex )时。它说在浏览器中不能读取未定义的使用。$mount('#app')import Vue from 'vue'; stat
浏览 37提问于2021-02-16得票数 0
回答已采纳
2回答
asyncdata函数不在服务器端呈现vuex数据
javascript、vuex、nuxt.js、vuex-modules
在asyncData()函数中从vuex存储中获取数据并检查页面源代码后。数据未显示在页面源上。asyncData({params, store}) { }页面源结果
浏览 24提问于2019-11-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
