如何访问嵌套数组中的多个 object 并使用 Vue 同时推送它们？

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

这是我的数组和我的 object，我希望所有“文本” object 都使用v-for循环一次。 可能吗？ 我已经尝试了好几个小时，无论我做什么，我都无法做到。

Answer 1

arrays 应该使用v-for指令渲染，嵌套数组的v-for ：

<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>

演示