let app = new Vue({ el: "#app", data: { currentperson: -1, people: [{ nome: "Francesco Rossio", immagine: "img/profile1.jpg", oraUltimoMessaggio: "13:32", messaggiNonLetti: "2", visibile: true, messaggi: [{ date: '10/01/2020 15:30:55', text: 'Hei tu, sei molto carino, sai?', status: 'sent' }, { date: '10/01/2020 15:50:00', text: 'Sai che mi piacciono le ciabatte?', status: 'sent' }, { date: '10/01/2020 16:15:22', text: 'Ora sai tutto di me.', status: 'received' }], }, esta es mi matriz y mi objeto, quiero que todo el objeto de "texto" se cicle una vez con v-for . ¿Es posible? He estado intentando durante horas todo lo que hago no puedo conseguirlo al final.
Las matrices deben representarse con la directiva v-for , anidando la v-for para la matriz anidada:
<ul> <li v-for="person in people" :key="person.nome"> <span>{{ person.nome }}</span> <ul> <li v-for="msg in person.messaggi" :key="msg.date">{{ msg.text }}</li> </ul> </li> </ul>