javascript - 如何使用 Vue.js 对表单字段值求和？

Question

我有 5 个输入字段，需要它们来获取其总和。

创建了数据字段和 v-model 到字段并进行计算:我正在尝试进行求和

<input type="text" class="form-control" id="ValorImovelPatrimonio" name="ValorImovelPatrimonio" v-model="ValorImovelPatrimonio" required @keydown="$event.keyCode === 13 ? $event.preventDefault() : false" @blur="pegaTotal">

 var vue = new Vue({
        el: '#app',
        data: {
            checked : false,
            deposito: 1,
            patrimonio_nao: false,
            ValorImovelPatrimonio: null,
            ValorAutosPatrimonio: null,
            ValorOutrosPatrimonio: null,
            ValorAcoesPatrimonio: null,
            ValorInvestimentosPatrimonio: null,
            // total: null
        },
...

computed: {
                total: function(){
                    return this.ValorImovelPatrimonio + this.ValorAutosPatrimonio;
                }
            }

发生了什么:

ValorAutosPatrimonio:"15.000"
ValorImovelPatrimonio:"1.500.000"

total:"1.500.00015.000"

但我期望:

1.515.000

请问有人吗？

Answer 1

尝试将该数据转换为数字，例如:

return parseFloat(this.ValorImovelPatrimonio) + parseFloat(this.ValorAutosPatrimonio);