问题标签 [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.
asynchronous - 使用 SetTimeout Vuex Action 重构为异步
所以我在 Vuex Store 的操作中调用了一个 API,但是我想用 setTimeout 重构它,只是为了给我的初始状态时间来提交(大约一秒钟)。这是功能
所以基本上我不知道在哪里添加异步,以及这里的超时。任何帮助将不胜感激!先感谢您
javascript - Vuex 模块状态不会在热重载时更新
我已经设置了我的 vuex 模块的热重载和动态加载。
store.js 文件- 热更新部分
模块/index.js 文件
基本上,这段代码所做的是动态加载带有 index.js 文件的文件夹作为模块(其中模块名称是文件夹名称)。
如果我更新模块操作、getter 或突变,一切都会按预期工作,当任一模块更新时,我确实会添加新操作到存储以及突变。
我唯一无法开始工作的是在更新时更改模块状态。因此,如果我更改模块状态,它不会得到反映。这是正常行为吗?还是我做错了什么?
vue.js - Vuex rest api 消耗规模
我正在构建一个使用 API 的应用程序。我希望能够制作一个带有前缀操作和突变的模块构建器,以及用于异步操作的中间件,这样我就可以轻松地扩展应用程序。
我建立了一个原型,但感觉就像是一个草稿,我不确定它是否正确遵循通量模式。例如,我的动作类型不是大写
在我使用它构建我的商店之后:
对于 react/redux,我使用reduxsauce,这对我来说非常有用。
我厌倦了为 Vuex 找到类似的东西,但没有运气。你能推荐一些最佳实践,或者为你做这件事的图书馆吗?
谢谢
javascript - Vuex动作调度问题与电子
我有带有 vuex 的电子应用程序。商店为带有模块的整个应用程序配置,我的测试模块 Browser.js:
现在在组件内部我试图发送更新操作但没有成功。吸气剂工作正常:
安慰:
动作存在,当我记录 this.$store 变量时,我可以看到:
那么我应该如何调度动作呢?
vue.js - 从另一个模块访问 vuex 模块状态
我正在学习 vuex 并取得一些进展,但我遇到了一些问题。我有一个带有包含许多模块的商店的 vue 组件。我有位置有设备。用户选择一个位置,我将其存储在位置模块中的我的 vuex 状态中。
我正在尝试从设备模块访问该位置以仅加载所选位置的设备。
文档说这应该有效:
当我在我的模块中尝试这个时:
我得到错误 rootState 未定义。
如果我提醒上下文,我可以看到 rootGetters
但是我不知道如何访问位置/位置,我可以通过访问 context.rootGetters 来访问 rootGetters。
有什么建议吗?
vue.js - Vuex:突变的最佳实践是什么?
假设我有两个 Vuex 模块,一个保留用户信息,另一个模块用于 API,用于导出操作和请求状态信息。
接口模块:
然后是用户信息模块:
问题是 - 我应该为每个字段做一个突变,还是应该为用户的每个字段做一个突变?或者我应该为一个模块进行一个突变,它将接受字段名称并且它是更新的值?
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
vue.js - 如何为 Vuex 模块声明索引状态?
我构建了大型 Vue.js 项目,并使用 Vuex 作为我的组件存储。声明 Vuex 模块并具有嵌套模块的 Vuex 索引文件。
我在问如何在嵌套模块中声明嵌套组的索引模块。
现在我在嵌套组中创建一个索引文件,其路径为:'moduleGroupName/index'。
我的目的是为市场模块获取一个索引文件,而不是一个名为 index.js 的模块。
像这样的东西:
我的主要目标: 使用相对路径调度嵌套模块操作。
例如:市场指数模块中的动作 dispatch trips(嵌套模块)动作如下:
不使用根标志。
firebase - Vuex 和 firebase 监听器
我正在使用打字稿和 vuex 类装饰器。
在
created()
我的应用程序的 vue 组件的钩子中,我正在调用一个 vuex 操作listenToDataXY
,它本身调用一个单独的 api 文件中的函数,其中放置了 firestoreonSnapshot
方法/观察器。如果我理解正确,我不能只将该 api 函数的承诺返回给我的 vuex 操作,因为一旦检索到新数据,它就不会在未来再次触发。因此,我不想返回一个承诺,而是想
onSnapshot
直接从 api 文件的回调中改变状态(可以吗?)。为了做到这一点,我
mutations
直接输入了不访问状态。但是我还没有弄清楚如何正确地从与存储无关的文件(api 文件)中调用突变函数。我的 vue 组件通过 getter 检索更新的值。
为了实现上述目的,您通常如何以一种清晰的结构化方式设置您的代码/文件(监听 Firestore 更改并相应地更新状态)?
vue.js - 如何从 vue js 中的登录组件更新用户状态?
我正在尝试从此处的登录组件更新用户 vuex 状态。我对 vuex 的经验很少,所以我在这个过程中几乎没有迷失......这就是我正在尝试的方式:
顺便说一句,我正在尝试使用(https://github.com/devjin0617/vue2-admin-lte),但是我只是在项目中添加了一个登录组件
用户.js
动作.js
突变类型
最后在 Login.vue 组件中,我有 login() 方法,我试图在其中调用操作
登录.vue
`
我想更新用户,但目前我能够访问 setter 方法
我不知道我是否遵循正确的方法解析顺序来完成这项工作......
我还是输在了调用程序的命令中。