如何阻止空输入字段影响javascript计算

我正在尝试添加一些值。问题是，如果一个字段为空，则不会显示合计计算。 我怎样才能解决这个问题。我所有的字段类型都是number。我正在使用vue js

grand_total: function(){
                let x = parseInt(this.formData.total_allowance) + parseInt(this.formData.air_fair);
                this.formData.grand_total = x;
                return x;
            }

在这里。如果一个值为空，则总计不会显示，而不是

parseInt（）

，您可以使用

Number（）

，因为这将把空字符串转换为

0

，其中使用

parseInt（）

，您将得到

NaN

：

您可以使用

Number（）

而不是

parseInt（）

，因为这会将空字符串转换为

0

，其中您将使用

parseInt（）

获得

NaN

：

试试这个

let x = parseInt(this.formData.total_allowance || 0) + parseInt(this.formData.air_fair || 0)

试试这个

let x = parseInt(this.formData.total_allowance || 0) + parseInt(this.formData.air_fair || 0)

---

按以下方式使用逻辑“或”运算符：

grand_total: function() {
   let x = (parseInt(this.formData.total_allowance) || 0) + (parseInt(this.formData.air_fair) || 0);
   this.formData.grand_total = x;
   return x;
}

---

按以下方式使用逻辑“或”运算符：

grand_total: function() {
   let x = (parseInt(this.formData.total_allowance) || 0) + (parseInt(this.formData.air_fair) || 0);
   this.formData.grand_total = x;
   return x;
}

---

如果要处理未知数量的字段，只需创建一个单独的函数，为您执行相同的操作并返回相应的值。如果要处理未知数量的字段，只需创建一个单独的函数，为您执行相同的操作并返回相应的值。