如何汇总表单字段？

Question

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

创建数据字段并对该字段创建v模型并进行计算：我正在尝试执行SUM

<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);