Estoy trabajando con BootstrapVue .
Estoy recorriendo una matriz, verifico el índice de mi matriz ( indexArray ) con el índice de mi componente ( indexChild ) y luego debería escribir el valor que está en mi indexArray en mi b-form-input v-model .
¿Cómo puedo transformar este código en una función calculada? Se que tengo que filtrarlo pero no se como solucionarlo.
<div v-for="(ID, indexChild) in 3" :key="indexChild"> <div v-for="(item, indexArray) in Array" :key="indexArray"> <div v-if="indexArray == indexChild"> <b-form-input type="number" :v-model="item"></b-form-input> </div> </div> </div> mi Array console.log :
(3) ['1234', '4321', '1379'] ▼ 0: "1234" 1: "4321" 2: "1379"Simplemente devuelva un elemento en su matriz por índice que ya conoce, sin necesidad de iterar:
computed: { itemOfInterest(){ return this.yourArray[this.indexChild] } }Para abordar la actualización en la publicación original. Todavía puedes hacer esto en tu plantilla
<template> <div v-for="(ID, indexChild) in 3" :key="indexChild"> <b-form-input type="number" :v-model="Array[indexChild]"></b-form-input> </div> </template>