问题标签 [vuex-modules]

我有以下模块：

并且此模块已在我的全球商店中注册：

我也使用Vue.use(Vuex)并正确设置了商店new Vue({ store: store})。但是，当我尝试访问ajaxData属于该ProfileData模块的内容时，在我的一个组件中this.$store.ProfileData.ajaxData，控制台显示undefined错误。阅读this.$store.ProfileDataor this.$store.ajaxData, whilethis.$store定义也是如此，我已经能够阅读它。我还在浏览器的控制台中看到ProfileData添加到_modules商店属性的对象。

访问注册到的模块我做错了Vuex什么？我怎样才能访问这些？

我有两个组件。我通过 vuex 存储设置和获取数据

我的第一个组件是这样的：

我的第二个组件是这样的：

笔记 ：

setOrderList()：这将调用 ajax 并将响应（订单数据列表）保存在：getOrderList setOrderDetail()：这将调用 ajax 并将响应（按 id 的订单数据）保存在：getOrderDetail

每次点击按钮show，都会调用ajax

如果单击按钮显示，它将按 id 显示详细顺序

如果再次单击按钮显示，它将按 id 隐藏详细顺序

我想要隐藏详细信息订单时，它不调用ajax

因此，如果您想显示详细顺序，它只会调用 ajax

我该怎么做？

我对 vuex 模块有点困惑。

我有一个 Vue 组件，它显示在搜索页面上：

然后我有一个 store.js

和一个搜索页面商店：

但没有什么是完全有效的......在我的 vuex 开发工具中，我有以下内容：

但是当我检查 Vue 组件时，它显示以下内容：

为什么我会不确定？我对 vuex、命名空间、模块等有点不知所措，所以请随意过度解释......

在我使用的另一个组件中

值得注意的是，这“有效”——在 vuex 状态从true变为 时false，但我mapState仍然没有完成任何事情。因此该模块似乎已正确加载。

我从 API 中获取了大约 500 个对象数组，我尝试通过变异提交将它们保存在状态中，我面临上述错误。

动作.js

突变.js

错误

vuex-persistedstate.umd.js?5086:1 Uncaught (in promise) DOMException: Failed to execute 'setItem' on 'Storage': 设置 'vuex' 的值超出了配额。

Vuex 模块可以监视其他模块的状态，并因此触发动作吗？

例如，让我们考虑以下情况：

store.js

store/time.js

store/position.js

理想情况下，我希望位置模块监视时间模块，并fetchPositionsAtTime在时间状态更改后立即重新获取位置（即 trigger ）。

当然，我可以向setTime突变添加调度以触发位置模块操作，但我相信反过来（即观看）会更优雅（因为更多模块可能需要时间）。

有什么解决办法吗？（当然不使用Vue Component，这就是重点）

我期待如果我有一个具有namespaced:false（我认为也是默认值）的模块，那么它的状态应该是“全局”或“根”命名空间的一部分，并且我可以做“...mapState('someStateAttribute')然后参考someStateAttribute但是看来我必须使用...mapState('modulename','someStateAttribute')，否则它不起作用。

仅此而已吗？还是我错过了什么？

我正在使用 Vuex 模块来说明我的数据。我将数据存储在多个模块中，以保持我的代码库整洁。

使用 vuex-map-fields 时，我遇到了使用来自多个模块的数据的情况。似乎没有办法做到这一点，或者我做错了。

以下是我当前的代码；我的组件

我的店铺档案

申请者.js

上面的代码导致以下错误：

渲染错误：“TypeError：this.$store.getters[getterType] 不是函数”

我有Vuex全局日期对象的简单模块：

我的子组件之一：

基本上我需要在更改时获得一个月中的几天（29、29、30 或 31）date。

问题是计算属性daysInMonth不会改变......

我在客户端有一个 vuejs，我使用 vuex 进行状态管理。我有几个模块（在单独的文件中），但其中一些模块具有非常相似的操作，这就是我想创建干代码的原因。

我的目标：创建一个根操作，每个模块都可以调用它。

我的主要 vuex 看起来像这样：

我应该如何参考 rootactions 方法？

感谢您提前回复！

我对 Vuex Store 的 Classic Mode 和 Module Mode 感到困惑，我没有这两者之间的区别。现在我正在使用经典模式，我打算切换到模块模式。

https://nuxtjs.org/guide/vuex-store/

请告诉我两种模式的区别，更好的选择是什么？