Javascript Vue 2-如何从v型整数值计算总计

我正在使用nuxt 2.8.1

我有100个输入。所有输入都是数字

我想把所有的数字加起来算出总数

我试过这个

computed: {
     total() {
       return this.form.one + this.form.two
     }
}

我所期望的 5+5=10

得到什么样的输出 5+5=55

如果我不把价值分成两部分 结果

5null

---

我不明白为什么它

它认为它们像字符串一样，并像您看到的那样连接它们，所以您应该使用

数字

对象将它们转换为整数，如：

 return Number(this.form.one) + Number(this.form.two)

为了提高效率，我建议使用

reduce

功能，因为您有多个输入：

 return Object.values(this.form).reduce((a,c)=>{
       return a+Number(c);                 
       },0)

例如：

let form={
一:45,，
二:五,，
3:7
}
让sum=Object.values（form）.reduce（（a，c）=>{
返回a+数字（c）；
}, 0)
console.log（sum）

它将它们视为字符串，并像您看到的那样连接它们，因此您应该使用

Number

对象将它们转换为整数，如：

 return Number(this.form.one) + Number(this.form.two)

为了提高效率，我建议使用

reduce

功能，因为您有多个输入：

 return Object.values(this.form).reduce((a,c)=>{
       return a+Number(c);                 
       },0)

例如：

let form={
一:45,，
二:五,，
3:7
}
让sum=Object.values（form）.reduce（（a，c）=>{
返回a+数字（c）；
}, 0)
console.log（sum）

由于您的参数是一个表单，我想这与用户输入有关。然后你也可以用一个修饰符（）

HTML

---

由于您的参数是一个表单，我想这与用户输入有关。然后你也可以用一个修饰符（）

HTML

---

使用：parseInt（this.form.one）+parseInt（this.form.two）现在你显然在连接字符串…使用：parseInt（this.form.one）+parseInt（this.form.two）现在你显然在连接字符串…不客气，检查我的更新答案，我在哪里提供了处理您的情况的好提示我在使用reduce方法时变得不确定不客气，检查我的更新答案，我在哪里提供了处理您的情况的好提示我在使用reduce方法时变得不确定