Wie kann ich mit Vue auf mehrere Objekte in einem verschachtelten Array zugreifen und sie gleichzeitig pushen?

Question

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'
      }],
    },

Dies ist mein Array und meine Objekte. Ich möchte mit v-for alle „Text“-Objekte einmal durchlaufen. Ist es möglich? Ich habe es stundenlang versucht und egal was ich tue, ich schaffe es nicht.

Answer 1

数组应使用 v-for 指令，将 v-for 嵌套为嵌套数组：

• {{ person.nome }}
  • {{ msg.text }}

演示