Как суммировать значения полей формы с помощью Vue.js?

Question

У меня есть 5 полей ввода, которые мне нужны, чтобы получить общую сумму SUM.

Созданы поля данных и 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);