Question

以下是我的代码

<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>`

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

Answer 1

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

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

Answer 2

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

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

如何在v-for语句中对值进行求和（vuejs）

2 个答案: