Skip to main content
2 de 2
replaced https://vuejs.org/v2 with https://v2.vuejs.org/v2

Primera recomendación: entiende tu código. copiar y pegar porque si, no tiene mucho sentido si no sabes que hace cada parte.

Segunda recomendación: utiliza el manual oficial de vue. Es una excelente guia y te lleva paso a paso.

Ahora, no explicas que no entendes de tu codigo. Pero por lo que preguntas y lo que tenes ya escrito, parece que no entendiste como funcion v-model, data, y la función LocalStorage

V-model.number hace que ese input sea tomado como numero y no como string.

Ahora, vos pusiste v-model.number="cantidad".. pero cantidad no figura en tu data, lo que nos lleva al siguiente tema..

En este momento, si apretas f12 y ves la consola de tu navegador, esta llena de errores. cantidad no esta definido en el data.. ese es uno de los errores... porque? Porque se usa data para guardar las variables que van a contener los datos de tu modelo. y en este momento, dentro de tu data:

data: {

    titulo: 'Listado de tareas',
    tareas: [],
    nuevaTarea: ''

},

no esta cantidad. Hay que agregarlo ahi, porque cada opcion que agreguemos en un v-model tiene que tener su correspondiente variable en el data.

Y luego, nos falta un detalle mas.. dentro de tu metodo agregarTarea, solo estas guardando this.tareas.. pero nunca cantidad, ya que no lo tenias dentro de tu data. Agrega lo mismo, pero guarda tambien cantidad...

gbianchi
  • 20.6k
  • 13
  • 40
  • 60