问题标签 [vuex]

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 回答
5041 浏览

vue.js - Vuex 在子组件中不起作用

下面的简单代码让我很头疼,因为 some-component 和 root 实例都将错误记录到控制台而不是从 vuex 对象绑定。我可能在这里缺少什么?

在我的代码中,我调用了 Vue.use(Vuex),但在这个小提琴中我不必(它说 Vuex 已经注册)。另外,请注意,如果您取消注释数据行,组件将正确呈现。

任何帮助是极大的赞赏。

0 投票
1 回答
206 浏览

javascript - Vuex 在调度动作时更改状态中的 2 个元素

我的 vuex 商店有问题。我正在使用 vue2 和 vuex2。

当我调度某个动作时,它会改变我商店中 2 个元素的状态。这是我状态的一部分,它会影响一些虚拟数据来解释:

客户阵列。

以及包含当前选定客户端的客户端对象。我有分别更改客户端用户对象和地址对象的操作

行动

突变

这是我在一个组件中使用的一些计算属性。

这是我使用的一些观察者,他们调度动作

并且当SET_CLIENT_PROFILE_ADDRESSES被调度时,会更改client.addresses和与该地址对应的客户对象中的地址。它应该只更改client.addresses部分。

我找不到它这样做的原因。

我只想更改client.adresses

0 投票
1 回答
7261 浏览

vue.js - Vue:如何将 store 与组件一起使用?

//店铺

//零件

//看法

//错误

0 投票
1 回答
1445 浏览

javascript - vuejs 2.0 组件无法使用模块 vuex 访问操作方法

我正在使用模块设计测试 Vuejs 2.0 和 Vuex,但组件无法访问操作方法。

我的组件:

我的模块:

商店创建:

所有项目代码都可以在这里找到:https ://github.com/robynico/vuejs-2.0-modules

如果你测试它,你会看到在组件创建时 init 方法是未定义的。

提前致谢!

0 投票
1 回答
497 浏览

vue.js - Vuex严格模式在更新嵌套数组时抛出异常

我有一个页面,用户可以在其中编辑多个段。每个段都有一个名称和一组他可以添加/删除的过滤器。

索引.vue

段.vue

过滤器.vue

每次删除过滤器时,都会Do not mutate vuex store state outside mutation handlers.出错。而且我知道为什么,因为无论我通过组件属性传递过滤器数组多少次,它们仍然保持反应性,并且它们在过滤器组件中的更改传播到引发错误的 vuex 存储。

输入中的段名称也是如此。但是有一个示例如何处理文档中的表单。

但是我怎样才能使过滤器工作呢?为过滤器创建单独的商店?但这将是一团糟,因为页面上会有多个带有自己过滤器的片段......我被卡住了:(

0 投票
2 回答
1731 浏览

vue.js - SyntaxError: Unexpected token ... (82:8) 在 Browserify

我正在尝试使用Vuex Actions中给出的mapActions

但是,它在给SyntaxError: Unexpected token...。我不确定问题是什么以及我需要在问题中包含哪些细节。

0 投票
2 回答
26903 浏览

vue.js - 当 vuex 存储中的特定状态发生变化时发出事件

我有一个具有以下状态的 Vuex 商店:

在组件内部,我想观察authed状态的变化并向服务器发送 AJAX 调用。它需要在各种组件中完成。

我尝试使用,但是当其中一个或更改store.watch()时会触发。我还注意到,它与您不能指定属性不同。当我尝试这样做时:idauthedvm.$watch

我收到了这个错误:

[vuex] store.watch only accepts a function.

任何帮助表示赞赏!

0 投票
1 回答
113 浏览

javascript - 从服务文件调度突变

我有一个ApiService()我正在抽象我的 API 调用。我想 从服务中dispatch('SET_BUSY')进行dispatch('SET_NOT_BUSY')应用级突变,但出现以下错误:


/vuex/actions.js

/vuex/services.js

0 投票
2 回答
2229 浏览

vuex - Vuex 中的三个句点语法?

我对 mapstate 的作用不是很清楚,除此之外,它会......在它面前意味着什么。我在指南中没有像示例回购那样看到这一点。

0 投票
0 回答
319 浏览

vue-component - 分离的 vuex 商店之间的通信

想象一下发票。它有产品。每个产品都应具有计算属性“总计”(数量 * 价格)。发票总额也是计算属性(所有产品总额的总和)。我怎么能解决这个问题?我尝试在商店状态下创建“产品”数组属性,并在那里推送单独的产品商店。但是在严格模式下我的浏览器崩溃了,所以这可能不是正确的方法:)