Acabo de comenzar mi viaje en vue, cómo hacer que los datos de input tomen un número en sí mismo y luego lo muestren en una variable, y si ingresa 2 veces, luego súmelos.
<template> <div class="portfel"> <div class="profile"> <div class="content__prof"> <div class="ico__prof"><img src="" alt=""></div> <div class="buttom__prof"> <input id="txtName" @keyup.enter="addMessage" v-model="myMoney" type="text"> <button @click="addMoney">Sum</button> </div> <div class="value__prof"> <div>$: {{myMoney}}</div> </div> </div> </div> </div> </template> <script> export default { data(){ return{ myMoney:null, dollar:0 } }, methods:{ addMomey(){ this.myMoney.push(this.myMoney) } } }Traté de hacerlo, pero resulta solo una transferencia directa a una variable
<script> export default { data() { return { myMoney: 0, dollar: 0 } }, methods: { addMoney() { this.dollar += this.myMoney } } } </script> <template> <input v-model.number="myMoney" /> <button @click="addMoney">Add </button> <div> dollar: {{this.dollar}} </div> </template>Si desea usar enter, envuélvalo en un formulario y escuche @submit.prevent, así :
<form @submit.prevent="addMoney"> <input v-model.number="myMoney" /> <button type="submit">Add</button> </form>