在Vue应用中遇到一个问题，当尝试对2d数组中的输入值按行计算总和时，计算结果只反映了第一行的总和。问题在于当前的计算方法没有正确遍历整个数组。为了解决这个问题，需要修改`reduce`函数，确保遍历所有行并计算每一行的总和。此外，确保在模板中正确显示每个学生的总分，而不是显示整个数组的总和。
在Vue中，我在2d数组输入字段中插入一个值并按行计算它，但是返回的总值仅计算第一行，而当我显示时，计算出的值都是相同的。
如何计算输入的值，以便该值将对每行进行计算，而不仅仅是第一个值？
这就是我得到的： 价值的示例图像
NAME | VALUE1 | VALUE2 | TOTAL
name1 | 1 | 1 | 2
name2 | 2 | 3 | 2
name3 | | | 2
脚本
data() {
return {
form: new Form({
labStudentScores: [],
})
};
},
computed: {
studentTotalScore: function() {
return this.form.labStudentScores.reduce(
(acc, item) => acc + parseInt(item.value),
0
);
},
methods: {
addScore: function() {
this.form.labStudentScores.push({ value: [] });
}
}
模板
score(+)
//classlists is comming from http request
{{index +1}}{{classlist.student}}
{{studentTotalScore}}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
