刷新页面后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无法读取属性
、、、、
当我使用来自Vuex商店的值时，我有一个<code>D0</code>组件。在进入每条路径之前，我从vuex运行了如下命令：我的商店：此外，在我的<code>D3</code>组件中还包含以下内容：并像这样使用这个值：现在的
浏览 6提问于2021-03-16得票数 1
1回答
我的问题是，在刷新页面之后，我重写了我的currentLanguge状态：import Vuex from "vuex";import createPersistedState from "vuex-persistedstate";
import toPolish from ".&#x
浏览 0提问于2018-08-20得票数 0
回答已采纳
我使用Nuxt、auth和VUEX状态来控制登录和注销过程。 在我登录后，VUEX状态已更新。但是页面上还是没有显示我的名字。只有在我刷新页面后，页面内容才会更新。我不知道为什么会这样。页面刷新前： ? 页面刷新后： ? 下面是我的代码片段： ?
浏览 19提问于2020-03-24得票数 0
2回答
编辑:我无法获得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。我设法让它在一个只有Javascript的项目中工作，但由于某种原因，我不能让它在TypeScript中工作。刷新后，数据使用默认值，而不是在页面刷新之前分配的数据。import Vue from 'vue'import VuexPersistence from
浏览 32提问于2021-07-31得票数 0
回答已采纳
1回答
当我试图加载页面时，它显示了错误"TypeError:无法读取未定义的属性‘状态’“。根据文档，我试过这辆没有装载的巴士。export default {data: () => {}}
import Vue from 'vue'Vue.use(Vuex)
export const userS
浏览 1提问于2018-10-10得票数 0
回答已采纳
2回答
我的应用程序加载到chrome中，在vue选项卡vuex下进行检查后，我可以看到我的商店。
现在，当我刷新vue选项卡下的页面时，它显示"No App“，并且无法再看到我的vuex商店。有没有想过为什么devtools在刷新后停止工作？如果我停止服务器并重新启动devtools工作...但在刷新时会停止。
浏览 40提问于2021-08-06得票数 0
我正在制作一个水疗应用与拉拉和vue，我想保持我的登录信息在vuex的状态后刷新一个页面。import Vue from 'vue' import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
Vue.use(Vuex</
浏览 9提问于2019-10-18得票数 1
回答已采纳
2回答
角/离子单片在刷新后被销毁
、、、、
我将它们设置在登录页面上，然后使用角度Router.navigate转到下一页。(没有params)，在下一页上，我想使用我的单例，它工作得很好，但是如果我刷新页面，单例是未定义的？这是刷新后的错误：
core.js:5980错误:未定义(承诺)：TypeError:无法读取未定义TypeError的属性“socialSecurityNumber”：无法读取未定义的的属性“socialSecurit
浏览 6提问于2021-02-16得票数 0
1回答
我使用压缩和加密我的vuex ouath信息，并使用vuex-persistedstate使其在页面刷新后保持不变。它使持久化不再有效，我的意思是当我刷新页面时，状态就消失了。我该怎么解决这个问题？import Vue from "vue";import oauthTokenModule from ".";
const l
浏览 4提问于2020-04-19得票数 0
回答已采纳
1回答
但是，如果我刷新页面(重新初始化应用程序)，它将显示注销按钮。几个小时以来，我一直在努力理解Vue JS的概念，现在我正处于戒烟的边缘。
浏览 1提问于2019-01-20得票数 0
回答已采纳
2回答
因此，有一个“设置”页面，其中有用户配置文件(他们可以编辑他们的名字等)。当“设置”/“配置文件”页面加载时，我希望表单加载他们现有的数据，这样他们就可以修改它并按保存。Profile</button> </div></template>
import { mapState } from "vuex，它可以工作，但是如
浏览 4提问于2020-09-22得票数 4
回答已采纳
3回答
刷新后未检测到Vuex，但所有数据都会输出到控制台。同样，在刷新后，某些组件的行为也不正确。例如，我使用vee-validate和我从后台获得的所有规则和字段，刷新后验证规则将消失，但字段会显示stroe/index.js
export const
浏览 4提问于2020-02-13得票数 1
当我滚动时，我从一个包含大约5000行数组的Vuex存储数据属性中读取不同的值。当我开始滚动并通过'rowsPrepared‘Vuex属性读取单元格的值时，的速度非常慢。
但是，如果我从包含5000行的独立静态(未观察到)数据对象读取数据，那么它是超快的！。属性的阅读如此缓慢，并有办法绕过它？我所做的就是在商店创建后附
浏览 2提问于2018-08-11得票数 1
在这些场景中，我需要填充"href“和"href2”，只要我尝试按下面的代码所写的填充，我就会得到同样，当从兄弟级Vuex状态数据引用时，undefined的：无法读取属性“locationId”我需要帮
浏览 4提问于2021-03-02得票数 1
在第一页刷新时，asyncData函数无法获取持久化状态。当我跟随另一个NuxtLink，回到这个页面时，当状态不发生变化的时候，数据就在那里了。这意味着在第一次加载/刷新时，服务器端无法使用持久化状态。LocalStorage是我选择持久化相关状态项的地方。使用asyncData的页面组件： //its not available upon first refresh, but
浏览 2提问于2019-07-14得票数 4
回答已采纳
1回答
逻辑是，如果页面重定向到其他页面，它将进入中间件，并使用axios获取结果。无法读取未定义的“”commit“”属性
我错过了什么？我已经尝试过this.$store.commit(...)了，仍然没有定义。VUEXimport Vuex from 'vuex'
return
浏览 54提问于2018-05-02得票数 12
3回答
目前我使用的是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
回答已采纳
在asyncData()函数中从vuex存储中获取数据并检查页面源代码后。数据未显示在页面源上。asyncData({params, store}) { }页面源结果
浏览 24提问于2019-11-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
