Estoy trabajando con BootstrapVue .
Tengo un for loop en el que obtengo números únicos de una matriz, estos se denominan this.number - input.push() mi b-form-input (en este ejemplo) 3 veces.
Cada vez que ingreso una nueva b-form-input quiero pasar la primera y luego, por supuesto, mi siguiente número de this.number a mi entrada que se mostrará allí.
¿Cómo puedo hacer eso? ¡Gracias!
modelo:
<div v-for="(id, index) in inputs" :key="index"> <b-form-input type="number" v-model="id.number" :value="id.number" @input="searchNumber(id, index)" ></b-form-input> </div>mi guion:
methods: { inputValue() { for (let i = 0; i < 3; i++) { this.number= (String(this.data[i].number)); this.inputs.push({}); console.log(this.number); } } }, data() { return { inputs: [{}], } }, mi console.log(this.number)
1111 2222 3333 Entonces, 1111 debe ser v-model/value of b-form-input 0 , 2222 debe ser v-model/value of b-form-input 1 y 3333 debe ser v-model/value of b-form-input 2
Por lo que entendí, lo que estás tratando de hacer es:
Tienes tu código organizado de una manera que es difícil seguir lo que está pasando. Mi sugerencia es tener una función que se active cuando una entrada emita un evento de input y luego pase el índice (casi lo que tiene con searchNumber )
<div v-for="(id, index) in inputs" :key="index"> <b-form-input type="number" :value="id.number" @input="onInput($event, index)" ></b-form-input> </div> methods: { onInput(input, index) { this.inputs[index].number = input; } } Tenga en cuenta que eliminé v-model de su b-form-input . Ahora solo tenemos value y @input .