Hola,Estoy intentando capturar el valor de las etiquetas Input generadas de forma dinamica con Vue.js pero no logro almacenarlas en Array

Jonattan Infante

Pregunta

student•hace 6 años

Ejemplo: Lo que he intentado es usar v-model para almacenarlo en un array definido en el .js dentro del data con el nombre input pero siempre que siempre que se modifica uno de los valores de la etiqueta Input todas cambian de valor.

<div-for="value in listRequiere">
           <input  type="text"  v-model="input">
 </div>
<code>

Wilfredo Paiz

student•hace 6 años

Hola,

Prueba con esto:

HTML

<div id="app">
  <input type="text" v-model="nuevo">
  <button @click="agregar">Agregar</button><br><br>

  <div v-if="inputs" v-for = "valor in inputs">
     <input type="text" v-model="valor">
  </div>
</div>

Vue

new Vue({

	el: "#app",
  data: {
  	inputs: [],
    nuevo: ""
  },
  methods: {
  	agregar: function(){
    	this.inputs.push(this.nuevo);
      this.nuevo="";
    }
  }

});

Coméntame si es lo que querías lograr.

Saludos

Hola,Estoy intentando capturar el valor de las etiquetas Input generadas de forma dinamica con Vue.js pero no logro almacenarlas en Array

Curso Básico de Vue.js 2016

Curso Básico de Vue.js 2016