Vue.js 中清空收入时如何清空费用和免税收入

在代码中，当收入清空时，费用和免税收入的框框并没有被清空的原因是在setInputValue()方法中，将所有的输入值都设置为收入的值。所以当收入被清空时，费用和免税收入的值仍然是之前收入的值。如果想要在清空收入时同时清空费用和免税收入，可以在setInputValue()方法中添加相应的处理逻辑。

为了解决这个问题，可以修改setInputValue()方法，并在清空收入时将费用和免税收入的值也设置为null。例如：

setInputValue(value) {
  if (value === null || value === '') {  // 当收入为空时，将费用和免税收入设置为null
    this.form.income = null;
    this.form.cost = null;
    this.form.taxExemptIncome = null;
  } else {
    this.form.income = parseFloat(value).toFixed(2);
    this.form.cost = parseFloat(value).toFixed(2);
    this.form.taxExemptIncome = parseFloat(value).toFixed(2);
  }
}

通过添加判断条件，当收入为空时，将费用和免税收入的值也设置为null，从而确保在清空收入时，费用和免税收入的框框也被清空。

另外，在setInputValueToNull()方法中，可以将三个值都设置为null，以确保在需要清空所有值时，能够正确地将所有值清空。

setInputValueToNull() {
  this.form.income = null;
  this.form.cost = null;
  this.form.taxExemptIncome = null;
}

通过以上调整，可以确保在清空收入时，费用和免税收入的框框也能够被正确清空，避免用户误解和数据错误。