Vue.js 更新数组中的小计答案

【问题标题】：Vue.js update subtotal in arrayVue.js 更新数组中的小计
【发布时间】：2018-12-07 15:09:28
【问题描述】：

经过一些研究，我发现这篇文章有一个关于如何在 Vue.js 中管理复杂数组的示例 https://forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/2

我已经创建了这个 jsbin (https://jsbin.com/jocezud/5/edit?html,js,output) 来进行一些测试，但我被困在这一点上。我想根据选中的主题做一些总计：

A)当每个主题的复选框被选中时，price 值必须复制到subTotal 值。

B) 此外，每个用户都必须使用选中的主题的subTotal 的总和来更新userTotal。

这是关于我的目标的截图。

提前致谢

【问题讨论】：

为什么不创建一个独立的组件，每个组件显示一个列表项？在此组件中，您可以轻松创建 e. G。一个计算属性，用于显示基于选择的“主题”的小计。
这是我的答案，我解释了如何handle computations on complex dynamic arrays with caching in Vue components。
是否有可能在 user.topics 数组中列出的主题也可以在另一个用户的主题数组中找到？例如。 Tom 有主题 2，Andres 也有主题 2？
@Forty3 不，在这种情况下，每个主题只能与单个用户保持关联
@BennettDams 我的目标是始终更新数组，因为我需要数据用于未来的操作。据我所知，我不能使用计算操作来更新数组值，只能渲染它。

【解决方案1】：

最后，我还可以使用 Final total 和 Reset 功能。

无论如何，我认为必须有更好的方法，在这种情况下，当数组值发生变化时，对数组中的数据进行一些计算，对吧？

【讨论】：