如何让收入、费用和免税收入都保留两位小数？

如何让收入、费用和免税收入都保留两位小数？

要让三个属性都保留小数点两位，可以使用toFixed(2)方法。在计算免税收入的函数中，将income、cost和taxExemptIncome的值都使用toFixed(2)方法进行处理，如下所示：

caltaxExemptIncome() {
  const income = parseFloat(this.form.income ? this.form.income.toString().replace(',', '') : 0).toFixed(2);
  const cost = parseFloat(this.form.cost ? this.form.cost.toString().replace(',', '') : 0).toFixed(2);
  const taxExemptIncome = ((income - cost) * 0.3).toFixed(2);
  this.form.taxExemptIncome = parseFloat(taxExemptIncome);
  this.form.cost = this.calculateCost(income);
},

然后，在表单项中使用toFixed(2)方法对输入的值进行处理，如下所示：

<el-form-item label='收入:' prop='income' style='margin-left: -5px'>
  <el-input
    v-model.number='form.income'
    placeholder='请输入收入'
    clearable=''
    @input='caltaxExemptIncome'
  />
</el-form-item>
<el-form-item label='费用：' prop='cost' style='margin-left: -40px'>
  <el-input
    v-model.number='form.cost'
    placeholder='请输入费用'
    :disabled='isEditing'
    clearable=''
    @input='caltaxExemptIncome'
  />
</el-form-item>
<el-form-item label='免税收入:' prop='taxExemptIncome'>
  <el-input
    v-model='form.taxExemptIncome'
    placeholder='请输入免税收入'
    :disabled='isEditing'
    clearable=''
  />
</el-form-item>

这样就可以保证这三个属性都保留小数点两位。