问题标签 [vuex]

我想在我的 vuex todo 应用程序中添加一个新的 todo 后清除输入，我想知道这是否是应用程序状态，应该用 vuex 或组件状态处理，它应该在组件本身内处理。现在我只有一个v-model附加到输入，它保存一个空字符串：

<input v-model="text"...>

在我的组件内部：

data(){ return{ text: '' } } 这是一个演示：http ://codepen.io/p-adams/pen/YWBAqP

我正在尝试通过调用如下方法删除其中一个站点后更新站点列表getSites()

代码

我收到以下错误

删除失败 ReferenceError: getSites 未定义

问题

我应该如何调用获取我的新项目列表？或者我应该在我的组件内做then()吗？

我正在开发一个从后端获取机场的网络应用程序。我也在使用 Vuex 来共享状态和数据。我的问题是我应该在我的 VueX 操作中还是在我的 vue 实例方法中加载机场，然后调用仅调度事件的操作

例子

或者

当我使用 vuejs2.0 和 vuex2.0 构建我的应用程序时，在组件定义中，我想导入一些由操作定义的方法，并且我想以这种方式声明一些其他本地函数：

不幸的是，编译器总是抱怨：

错误

成分

家长

这是我如何称呼我的子组件（见下文）：

该device对象是从我的商店中提取的计算属性：

孩子

问题

store.networks该错误仅在填充对象的请求之前发生一次。当我声明我的道具device默认值时，我没想到会出现这种错误：

我尝试使用 Rails API 构建一个非常小的 Vue 应用程序。所以目前我使用 Vue、Vue-Resource 和 Vuex。我将从数据库中获取所有用户，现在我尝试更新其中一个。所以一切工作正常（补丁用户），但在运行 updateUser 操作后，我想再次运行 fetchUsers 操作以更新 Vuex 存储。

但是当 fetchUsers 在 updateUser 承诺内运行时，我收到以下错误：

这就是我的 vuex/actions.js 正在寻找的内容：

我现在 fetchUsers 操作以某种方式丢失了上下文（？），但我不知道如何处理！感谢您的每一个帮助！

描述（tl；博士）：

当我通过 将“对象的对象”从 vuex 的商店传递给组件时v-model，模型的修改会产生错误。只有当“对象的对象”通过时。对于任何其他类型，一切都很好。

当我告诉“对象的对象”时，我的意思是这种结构：{'A': {name: 'first'}, 'B': {name: 'second'}}.

工作流程和结构：

• 结构：view (page)-> parent-> child;
• 查看Object从商店获取一个并将其传递给组件（-> parrent-> child）；
• 不允许使用 " .sync"，因此组件不应改变存储中的对象；
• 更改后child，child必须将结果返回到parent，parent到view，并view应通过 vuex 的 setter 保存；

错误消息：

吸气剂（来自商店）：

查看（页面）：

父组件：

子组件：

PS我认为问题的发生是因为对象通过引用传递。但是如何对抗这个错误呢？

我正在构建一个简单的演示工具，我可以在其中创建演示文稿、命名它们并使用 Vue js 和 Vuex 添加/删除幻灯片以处理应用程序状态。一切都很顺利，但现在我正在尝试实现一项功能，该功能可检测演示文稿中的更改（标题更改或幻灯片添加/删除），但尚未找到合适的解决方案。为简单起见，我将仅举有关标题更改的示例。现在在我的 Vuex 商店中，我有：

在我的演示组件中，我有：

到目前为止，我所做的是在创建组件时创建演示文稿的影子副本，然后通过计算属性比较我感兴趣的属性（在本例中为标题）并返回 true 如果什么都不一样。这适用于检测更改，但我想要做的是能够在保存演示文稿时更新阴影演示文稿，到目前为止我还没有这样做。由于在另一个组件中触发了 savePresentation 操作，而且我真的不知道如何在演示组件中选择“保存”事件，因此我无法更新我的影子演示。关于如何实现此类功能的任何想法？任何帮助将不胜感激！提前致谢！

在 Vuex 中，同时具有“动作”和“突变”的逻辑是什么？

我理解组件无法修改状态的逻辑（这似乎很聪明），但同时拥有动作和突变似乎你正在编写一个函数来触发另一个函数，然后改变状态。

“动作”和“突变”之间有什么区别，它们如何协同工作，而且我很好奇为什么 Vuex 开发人员决定这样做？

我正在尝试在我的应用程序中设置一些东西，我可以从列表中选择一个选项并根据选择的内容更改应用程序的背景。

假设我有一个类似的列表：

items是一个存储在我的数组store.js：

因此，当您选择时，item1我不仅要从选择中提取名称（将其传递给父组件以在其中itemSelection显示），还要将 img 链接放置在 css 中以更改正文的背景。我不完全确定如何去做，因为我对 vue 还是很陌生，这基本上是我正在构建的东西来帮助我学习！

谢谢！