0
184
Vistasiteración a través de la matriz anidada con v-for
Tengo una pregunta sobre v-for. Tengo un objeto como el siguiente: 
y en la consola de desarrollo se ve así: 
ahora mi pregunta es, ¿cómo puedo iterar a través de cada matriz y también la matriz dentro de la matriz principal con v-for? Probé esta solución pero no funcionó.
¡gracias de antemano!
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
demostración:
new Vue({ el:"#app", data:{ items: [{ messageSettings: [{ userOne: '1', userTwo: '2' }], profile: [{ freelancerAbout: 'about1', freelancerName: 'name1' }], messages: [{ id: 1, name: 'message1' }] }] } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <div v-for="item in items" :key="item"> <p v-for="msgSetting in item.messageSettings" :key="msgSetting"> <span>UserOne: {{ msgSetting.userOne }}</span><br> <span>UserTwo: {{ msgSetting.userTwo }}</span> </p> <p v-for="profile in item.profile" :key="profile"> <span>freelancerName: {{ profile.freelancerAbout }}</span><br> <span>freelancerName: {{ profile.freelancerName }}</span> </p> </div> </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta