Tolak data dan kekunci ke dalam tatasusunan dalam Vue.js

Question

Saya mempunyai tatasusunan dalam data():

data()  {
  return {
    list: [],
 }
},

methods: {
  pushData() {
     this.list.push({name:'yorn', age: 20});
  }
}

Sekarang saya mahu menolak ke tatasusunan 'senarai' dalam format berikut, kuncinya ialah info:

list [
     info [
     {
       name:yorn,
       age: 20
     }
  ]
 ]

Saya baru menggunakan vuejs dan javascript jadi saya memerlukan bantuan semua orang. Tolong berikan saya pendapat anda. Terima kasih

Answer 1

Cuba tukar pushData 方法以具有 data parameter

pushData(data) {
 this.list.push(data);
}

Kaedah panggilan

this.pushData({name: "john", age: 25});

Answer 2

Keputusan yang dijangkakan di atas tidak sah JSON. Ia sepatutnya kelihatan seperti di bawah :

list: [{
    info: [{
        name: yorn,
        age: 20
    }]
}]

Tunjuk cara kerja:

new Vue({
  el: '#app',
  data: {
    list: []
  },
  mounted() {
    this.pushData();
  },
  methods: {
    pushData() {
      this.list.push({info : [{name:'yorn', age: 20}] });
      // Or you can also use below one.
      // this.list[0].info.push({name:'yorn', age: 20});
    }
  }
})

sssccc

  

    
{{ item.name }}