如何使用 Vue 存取嵌套數組中的多個物件並同時推送它們?
P粉035600555
P粉035600555 2024-03-30 11:53:46
0
1
382

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粉035600555
P粉035600555

全部回覆(1)
P粉980815259

陣列應使用 v-for 指令,將 v-for 嵌套為巢狀陣列:


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

示範

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板