为什么vuex商店更新后计算值没有更新？
在Vue.js中，Vuex是一个用于管理应用程序状态的状态管理模式。它允许我们在应用程序的不同组件之间共享和响应状态的变化。当Vuex的状态发生变化时，计算值应该自动更新。然而，如果在Vuex的商店更新后计算值没有更新，可能是由于以下几个原因：
- 计算值的依赖没有正确设置：计算值依赖于Vuex的状态，如果没有正确设置计算值的依赖关系，那么当状态变化时，计算值将不会更新。请确保计算值正确地引用了所需的状态。
- 计算值的逻辑错误：计算值的逻辑可能存在错误，导致它无法正确地根据状态的变化进行更新。请仔细检查计算值的逻辑，确保它正确地计算和返回所需的值。
- 异步操作导致的延迟更新：如果在Vuex的状态更新后，计算值依赖于异步操作的结果，那么计算值可能无法立即更新。这是因为异步操作需要一些时间来完成，而计算值会在异步操作完成后才更新。在这种情况下，您可以考虑使用异步操作的回调函数或Promise来确保计算值在异步操作完成后更新。
如果您遇到了Vuex商店更新后计算值没有更新的问题，建议您按照上述步骤逐一排查可能的原因，并进行相应的调试和修复。同时，您可以参考腾讯云提供的Vuex相关文档和示例代码来更好地理解和使用Vuex。
腾讯云相关产品和产品介绍链接地址：
相关·内容
3回答
我得到了一个在getPrinters()解析后应该重新计算的printerList计算属性，但它看起来并没有。this.optboxesList, this.optbox.id); } vuexthis.getIndex(optboxes, optboxId);
optboxes[index] = {...optboxes[index], printers
浏览 10提问于2016-08-08得票数 27
2回答
不更新值的vue计算性质
、、、
我在尝试更新一个计算属性。数据来自vuex状态。 }, allowed: false id: 1]
即使我的目标代码是vuex，我仍然没有更新</em
浏览 8提问于2022-04-12得票数 -1
我已经在我的解决方案中成功地使用了很多...mapGetters，但是现在我需要直接访问data()部分中的变量，在访问时似乎没有设置/准备好变量。
mapGetters位于计算的：{}节中。调试时，我注意到data()在计算前运行：，所以..。我需要在这里放一块表吗？
浏览 3提问于2017-09-07得票数 0
回答已采纳
我有一家情色商店，里面有一个叫做"columnChoice“的商品。我在文本框中有一个正在更新它的组件，还有一个计算属性来更新它并验证它是一个正整数。但是，组件的计算属性没有更新(根据dev工具)，尽管vuex存储肯定是更新的(也是根据dev工具)。
下面是代码，我删除了其他与此无关的方法/值，但如果似乎缺少了什么，请告诉我。我尝试过将计算的设置从"...mapStat
浏览 2提问于2018-10-15得票数 4
回答已采纳
从React开始，我就习惯了接受html元素值和事件的“控制”的概念。<input :value="foo" @input="changeFoo" pattern="[a-zA-Z0-9]+">...mapState({foo: (state) => state.foo,将突变提交到我的VueX状态的方法
changeFoo(e)
浏览 8提问于2020-11-17得票数 1
回答已采纳
我有一个关于使用vuex-map-fields映射计算字段的问题。我有一家Vuex商店： export const state = () => ({ phoneNumber: null,})我希望基于countryCode和phoneNumber更新phone值。 如何用vuex-map-fields解决这个问题？
浏览 33提问于2020-01-20得票数 2
回答已采纳
1回答
我在Vuex舱里有个吸气器。我用mutator改变值，状态属性改变，但是getter属性仍然是一样的，它没有反应。这里是Vuex商店：Vuex状态更改，但
浏览 2提问于2020-08-07得票数 0
2回答
form.profile.mobile_business" prepend-inner-icon="mdi-cellphone"我通过以下方式获得当前值：在我的商店调度中，我调用API并通过我的突变更新商店：在这一步之前没有错误。但是，如果我再次更改
浏览 3提问于2019-11-12得票数 1
您好，我正在使用vuex persistedstate来保持我的状态。import createPersistedState from 'vuex-persistedstate'
// ...plugins: [createPersistedState()]我想要做的是更新另一个选项卡中的商店状态，更新后的商店状态应该反映在我的应用程序的其他
浏览 7提问于2018-04-15得票数 3
1回答
如何在与VueX集成时使用VueJS中的计算属性绑定样式。//VueX Store state : { { width:
浏览 13提问于2017-03-10得票数 2
回答已采纳
1回答
我有一个带有Vuex绑定mockedVuexBinding (本质上是一个计算属性)的组件Foo。 我想让测试保持简单，而不是嘲笑整个商店。我在测试中用计算存根替换了所有的vuex绑定，如下所示： const wrapper = shallowMount(Foo, { mockedVuexBinding:() => 'foo'} 但后来发现我需要测试Foo的一些行为，它依赖于计算属性的更改。所以我想用一个值<
浏览 87提问于2019-06-18得票数 2
我正在构建一个Vue 2 Webpack应用程序，它使用Vuex。我试图通过监视从Vuex存储中获取数据的计算属性来更新组件的本地状态。updatedList) => { },};
如您所见，我有一个名为tagList的计算属性我有一个监视tagList的监视器，这样每当商店的数据发生变化时，我就可以将modal.tags更新为新的值</e
浏览 0提问于2018-03-30得票数 5
回答已采纳
所以我正在用Vue，Node和Vuex做一个项目。现在，我将用户数据存储在cookie中，而不是vuex存储中。但我遇到了一个问题，我需要实时更新用户数据，比如当他买了什么东西时，我需要更新网页上的钱。如何更改cookie中的值？有没有办法更新cookie，或者我应该使用vuex商店来更新？
浏览 0提问于2019-08-19得票数 2
所以我有vuex状态，其中我有我的测试数据 return { avatar: null,$$state }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."a026:1897 Error: [vuex] do not mutate vuex store state outsi
浏览 1提问于2020-04-29得票数 0
2回答
我在Firebase auth中使用Nuxt，但在登录后重定向到受限页面时有问题。登录很好，但是当我在登录后将用户重定向到他的配置文件页面时，它会重定向到'/ Login‘而不是'/ profile’--就像它还没有注意到登录一样。但是我可以在正常情况下访问配置文件页面。
浏览 6提问于2022-08-19得票数 0
回答已采纳
2回答
我的应用程序加载到chrome中，在vue选项卡vuex下进行检查后，我可以看到我的商店。
现在，当我刷新vue选项卡下的页面时，它显示"No App“，并且无法再看到我的vuex商店。有没有想过为什么devtools在刷新后停止工作？如果我停止服务器并重新启动devtools工作...但在刷新时会停止。我使用的是2021年6月28日更新的vue devtools版本6.0.0测试版和chrome版本72.0.4515.13
浏览 40提问于2021-08-06得票数 0
我需要帮助从vuex发送数据，并以computed：{}发送数据支持( data (){返回{}})</template>
return {
chartdata: [] //<<<<- I ne
浏览 1提问于2020-09-18得票数 0
回答已采纳
我在一个项目中使用Vue和Vuex商店。这是Vuex商店 state: { inventoryPageCountthis.pageNumber = 0; }期望
要在计算时<
浏览 1提问于2019-05-21得票数 0
2回答
我正在尝试弄清楚当VueX中的其他变量发生更改/更新时，如何正确地更新getter值。目前，我在一个组件中使用这种方式来更新： dates () { }因此，只要日期发生变化，就应该用dates值更新我的getterdates是来自VueX存储的状态变量。
浏览 24提问于2020-03-11得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
