搜索

首页  >  问答  >  正文

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

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

这是我的数组和我的对象,我希望使用 v-for 将所有“文本”对象循环一次。是否可以? 我已经尝试了几个小时,无论我做什么,我都无法完成。

P粉035600555P粉035600555270 天前416

全部回复(1)我来回复

  • P粉980815259

    P粉9808152592024-03-31 00:35:50

    数组应使用 v-for 指令,将 v-for 嵌套为嵌套数组:

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

    演示

    回复
    0
  • 取消回复