Hola que tal como estan?,
tengo dos inputs:
<tr>
<div class="col-md-16">
<td>
<div class="input-group">
<input type="text" class="form-control" placeholder="Agregar Pedido..." v-model="nuevaTarea">
</div>
</td>
</div>
<!-- Cantidad -->
<div class="col-md-6">
<td>
<div class="input-group mb-3">
<input type="number" class="form-control" placeholder="Cantidad.." aria-label="Cantidad" aria-describedby="basic-addon2" v-on:keyup.enter="agregarTarea" v-model.number="cantidad">
<div class="input-group-append">
<button class="btn btn-primary rounded-0" @click="agregarTarea" type="submit">
+
</button>
</div>
</div>
</td>
</div>
</tr>
ya el primero logro guardarlo correctamente utilizando esto en mi archivo js:
const app = new Vue({
el: '#app',
data: {
titulo: 'Listado de tareas',
tareas: [],
nuevaTarea: ''
},
methods: {
agregarTarea: function () {
this.tareas.push({
nombre: this.nuevaTarea,
estado: 'pendiente',
});
this.nuevaTarea = '';
localStorage.setItem('app-vue', JSON.stringify(this.tareas));
},
lo que necesito es el segundo input poder almacenarlo de alguna manera para luego poder sacar un total de las cantidades que se ingresen en el formulario. Soy bastante nuevo con Vue JS y ya busque otras respuestas pero no logro dar con alguna que me explique como lograr esto que necesito, desde ya muchas gracias si alguien es tan amable como para explicarme
Cualquier cosa estoy a su disposición.