如何对 v-for 语句中的值求和（vuejs）答案

【问题标题】：How to sum values inside v-for statement (vuejs)如何对 v-for 语句中的值求和（vuejs）
【发布时间】：2018-04-13 06:49:05
【问题描述】：

下面是我的代码

<td v-for="config in configs" v-if="config">
    <input type="number" v-model="config.score" v-on:keyup="computeTestScores(allocation, $event)">
 </td>
<td><span class="subtotal"></span></td>`

我如何计算小计？其次，如果任何输入的值发生变化，我希望能够更新总类；

【问题讨论】：

标签： vue.js vue-component vue-router

【解决方案1】：

您不应该尝试使用 v-for 来计算总和。 V-for 用于演示。

改为添加计算小计的计算值。在计算内部，您应该遍历数组，计算总和并将其返回。如果任何输入发生变化，计算属性也会自动计算新值。

【讨论】：

现在的问题是我的 v-for 配置循环位于另一个称为分配的 v-for 循环中。你能给我一个快速的短代码吗？谢谢

【解决方案2】：

您可以使用reduce 函数对数组的值求和。如果任何分数发生变化，总分将自动更新。

<td><span class="subtotal">{{ configs.reduce((a, c) => a + parseInt(c.score), 0) }}</span></td>

【讨论】：