问题标签 [vuex-modules]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1403 浏览

asynchronous - 使用 SetTimeout Vuex Action 重构为异步

所以我在 Vuex Store 的操作中调用了一个 API,但是我想用 setTimeout 重构它,只是为了给我的初始状态时间来提交(大约一秒钟)。这是功能

所以基本上我不知道在哪里添加异步,以及这里的超时。任何帮助将不胜感激!先感谢您

0 投票
0 回答
598 浏览

javascript - Vuex 模块状态不会在热重载时更新

我已经设置了我的 vuex 模块的热重载和动态加载。

store.js 文件- 热更新部分

模块/index.js 文件

基本上,这段代码所做的是动态加载带有 index.js 文件的文件夹作为模块(其中模块名称是文件夹名称)。

如果我更新模块操作、getter 或突变,一切都会按预期工作,当任一模块更新时,我确实会添加新操作到存储以及突变。

我唯一无法开始工作的是在更新时更改模块状态。因此,如果我更改模块状态,它不会得到反映。这是正常行为吗?还是我做错了什么?

0 投票
0 回答
82 浏览

vue.js - Vuex rest api 消耗规模

我正在构建一个使用 API 的应用程序。我希望能够制作一个带有前缀操作和突变的模块构建器,以及用于异步操作的中间件,这样我就可以轻松地扩展应用程序。

我建立了一个原型,但感觉就像是一个草稿,我不确定它是否正确遵循通量模式。例如,我的动作类型不是大写

在我使用它构建我的商店之后:

对于 react/redux,我使用reduxsauce,这对我来说非常有用。

我厌倦了为 Vuex 找到类似的东西,但没有运气。你能推荐一些最佳实践,或者为你做这件事的图书馆吗?

谢谢

0 投票
3 回答
2414 浏览

javascript - Vuex动作调度问题与电子

我有带有 vuex 的电子应用程序。商店为带有模块的整个应用程序配置,我的测试模块 Browser.js:

现在在组件内部我试图发送更新操作但没有成功。吸气剂工作正常:

安慰:

动作存在,当我记录 this.$store 变量时,我可以看到:

那么我应该如何调度动作呢?

0 投票
1 回答
9151 浏览

vue.js - 从另一个模块访问 vuex 模块状态

我正在学习 vuex 并取得一些进展,但我遇到了一些问题。我有一个带有包含许多模块的商店的 vue 组件。我有位置有设备。用户选择一个位置,我将其存储在位置模块中的我的 vuex 状态中。

我正在尝试从设备模块访问该位置以仅加载所选位置的设备。

文档说这应该有效:

当我在我的模块中尝试这个时:

我得到错误 rootState 未定义。

如果我提醒上下文,我可以看到 rootGetters

但是我不知道如何访问位置/位置,我可以通过访问 context.rootGetters 来访问 rootGetters。

有什么建议吗?

0 投票
0 回答
358 浏览

vue.js - Vuex:突变的最佳实践是什么?

假设我有两个 Vuex 模块,一个保留用户信息,另一个模块用于 API,用于导出操作和请求状态信息。

接口模块:

然后是用户信息模块:

问题是 - 我应该为每个字段做一个突变,还是应该为用户的每个字段做一个突变?或者我应该为一个模块进行一个突变,它将接受字段名称并且它是更新的值?

0 投票
1 回答
3450 浏览

javascript - 如何正确使用 Nuxt JS 的 Vuex 模块模式?

嗨,我是 Nuxt JS 的新手用户。我正在尝试为我的 Nuxt 项目使用 Vuex 模块模式。

基本上我在我的 VueX 模块中使用 axios。我的代码如下:

存储/模块/users.js

然后我将此模块包含在store/index.js中

然后我将用户存储在我的 Vuex 中的一个页面中,例如: pages/index.vue

我的问题是:

  • 我意识到每当我刷新不需要用户的其他页面上的页面时,它会再次向我的 api 发送 GET 请求以获取用户。如何仅将模块用于我需要的页面,例如pages/index.vue
  • 如果其他请求(如 GET 评论)应该在store/modules/comments.js下,我如何使用模块来使用它,然后再次包含它store.js
0 投票
0 回答
100 浏览

vue.js - 如何为 Vuex 模块声明索引状态?

我构建了大型 Vue.js 项目,并使用 Vuex 作为我的组件存储。声明 Vuex 模块并具有嵌套模块的 Vuex 索引文件。

我在问如何在嵌套模块中声明嵌套组的索引模块。

现在我在嵌套组中创建一个索引文件,其路径为:'moduleGroupName/index'。

我的目的是为市场模块获取一个索引文件,而不是一个名为 index.js 的模块。

像这样的东西:

我的主要目标: 使用相对路径调度嵌套模块操作。

例如:市场指数模块中的动作 dispatch trips(嵌套模块)动作如下:

不使用根标志。

0 投票
1 回答
687 浏览

firebase - Vuex 和 firebase 监听器

我正在使用打字稿和 vuex 类装饰器。

  1. created()我的应用程序的 vue 组件的钩子中,我正在调用一个 vuex 操作listenToDataXY,它本身调用一个单独的 api 文件中的函数,其中放置了 firestoreonSnapshot方法/观察器。

  2. 如果我理解正确,我不能只将该 api 函数的承诺返回给我的 vuex 操作,因为一旦检索到新数据,它就不会在未来再次触发。因此,我不想返回一个承诺,而是想onSnapshot直接从 api 文件的回调中改变状态(可以吗?)。

  3. 为了做到这一点,我mutations直接输入了不访问状态。但是我还没有弄清楚如何正确地从与存储无关的文件(api 文件)中调用突变函数。

  4. 我的 vue 组件通过 getter 检索更新的值。

  5. 为了实现上述目的,您通常如何以一种清晰的结构化方式设置您的代码/文件(监听 Firestore 更改并相应地更新状态)?

0 投票
2 回答
3236 浏览

vue.js - 如何从 vue js 中的登录组件更新用户状态?

我正在尝试从此处的登录组件更新用户 vuex 状态。我对 vuex 的经验很少,所以我在这个过程中几乎没有迷失......这就是我正在尝试的方式:

顺便说一句,我正在尝试使用(https://github.com/devjin0617/vue2-admin-lte),但是我只是在项目中添加了一个登录组件

用户.js

动作.js

突变类型

最后在 Login.vue 组件中,我有 login() 方法,我试图在其中调用操作

登录.vue

`

我想更新用户,但目前我能够访问 setter 方法

我不知道我是否遵循正确的方法解析顺序来完成这项工作......

我还是输在了调用程序的命令中。