问题标签 [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 投票
2 回答
1325 浏览

vue.js - 非命名空间模块上的 mapState

我有一个模块

在我的组件中,我尝试了这些:

但它们都不起作用,相反我必须将其用作计算属性:

是否可以使用 ...mapState?

0 投票
3 回答
2626 浏览

javascript - 如何优雅地使用 v-model 和 Vuex store?

我寻找一种干净的方式来使用 v-model 和 vuex 商店。

Vuex 提供了几个辅助方法,非常有用,但在与 v-model 一起使用时有点烦人。

我今天使用 v-model 和我的模块化商店的方式就像

这可行,但我发现更好地利用 vuex 助手来避免样板代码(this.$store,模块名称,...)

好的,所以我首先想摆脱模块名称。Vuex 提供了一个很棒的createNamespacedHelpers,它返回模块化的助手。

让我们使用它:

所以,好的,我们现在有一个干净的 mapState 和 mapActions 函数,它们是模块专用的。

很酷,但由于 mapState 只有 get 功能,我无法设置调度功能来更新数据......

在使用 v-model 的情况下,我发现助手无法使用。我不能使用 mapState,因此我不能使用 createNamespacedHelpers。

那么:如何利用 Vuex 辅助函数和 v-model 的优势协同工作?

0 投票
2 回答
2610 浏览

vuejs2 - Vuex Getters 以未定义的形式回归

我遇到了 Vuex getters 问题,其中 gitters 返回未定义(在 Vue 开发控制台中,Chrome 开发控制台中没有记录错误)。

如果mapGetters()被注释掉(如下面的示例代码),则返回的数据显示在屏幕上 -> 如果用户单击包含数据的链接,则提供。如果用户直接在应显示数据的位置进入应用程序,则不会显示数据。

有一个类似的问题,但没有接受的答案

Vue 控制台日志:

状态:

$_lgdHRS:对象

总小时数:129


吸气剂:

$_lgdHRS/totHrs:未定义

SomeContainer.vue

state.js

getters.js

突变.js

0 投票
1 回答
2667 浏览

vue.js - 当我的 vuex getter 在观察者中返回空值时,如何从状态中获取值

Getter 在观察者中返回空值。但是状态在突变中设置正确。

无法在控制台中签入 Vuex 开发工具,因为它显示“未检测到商店”。我已经通过在控制台中记录它来检查它

Vue文件:


店铺 :


这里“Getter”没有任何值,但“After Mutation”我们有值。

在此处输入图像描述

0 投票
0 回答
317 浏览

vue.js - Vue、Vuex 和 Vue-Cli 用于发布带有 Vuex 模块的单文件组件库

我是 Vue、Vuex 和 Vue-Cli 的新手。

我有一个应用程序结构,如:

所有组件都假定mymodule已注册。

组件abc可以独立或一起运行。

如何在 npm 上一起发布这些组件及其 vuex 模块?

我想出了一个部分解决方案。看:

0 投票
3 回答
3458 浏览

vue.js - Vuex:具有动态命名空间的 createNamespacedHelpers

在我看到的关于 vuex 模块注册的几乎所有指南、教程、帖子等中,如果模块是由组件注册的,则createNamespacedHelpers在组件声明之前导入和定义export default,例如:

这按预期工作,但是如果我们希望模块具有唯一的或用户定义的命名空间怎么办?

我认为这会起作用,但它没有。

为什么需要这样的东西?因为

不工作

0 投票
1 回答
365 浏览

vue.js - VueX 突变有效,但组件计算属性无效

我已经阅读了很多关于这个问题的问题和答案,但我似乎没有做之前描述的任何问题。

我已经开始为我的状态使用模块,但是在设置完所有内容之后,我可以看到 store 模块的本地状态和 getter 都得到了更新。但是计算的属性没有。我无法弄清楚为什么会发生这种情况,所以我在这里寻求帮助。

index.js

对话框.js

组件(我拿出一堆代码,不相关)

具体来说,我正在查看dialogSignInVisible哪些不会改变。正如您从开发工具中看到的那样,突变会同时改变本地状态和吸气剂。但是当我查看组件时,计算出的 vuex 绑定并没有改变。

零件

开发工具商店

0 投票
0 回答
318 浏览

vuejs2 - Vuex:对象数组元素的表单绑定?

Vuex 有很好的文档。我们在其中看到了如何进行2 向绑定

这很好用,但是如果你想绑定数组对象的属性怎么办?

例如

假设我们使用mapState,那么我们可能希望有一个组件用于用户可以更新商店的事物列表:

或者,是实现此目的的唯一方法,方法是使对象的表单绑定成为其自己的组件,并通过道具传入索引并在表单组件中使用

0 投票
1 回答
1569 浏览

vuejs2 - 如何使用 vuejs 使用 ipcRenderer 将数据从一个 Electron 窗口发送到另一个窗口?

我有一个组件:

然后在子窗口组件中:

.on我在setTimeout 中尝试过,但没有任何效果created()beforeCreate()this.$nextTick(), with

我不想发送一些字符串数据而是对象,但正如您所见,事件简单字符串不起作用"data"。我没主意了。

我可以看到,如果我这样做,这仅适用于发出来自的组件的父组件:

  1. 发送
  2. 在主进程中收听
  3. 寄回event.sender

那么,问题是如何将任何形式的数据从一个窗口传递到另一个窗口?

0 投票
1 回答
73 浏览

vue.js - vuex 存储模块箭头函数中的语法错误

我知道箭头函数不应该在 Vue 实例中使用。但在动作中,它们甚至在 vuex 文档中也被使用。

尝试从媒体中使用此示例,但出现语法错误。

模块构建失败:SyntaxError: Unexpected token, expected

src/store/projects.module中的代码。此处仅更改了变量名称。所以我对这个语法错误有点困惑。