Push data and keys into array in Vue.js

Question

I have an array in data(): data(){return{list:[],}},methods:{pushData(){this.list.push({name:'yorn',age:20}); }} Now I want to push to the 'list' array in the following format, the key is info:list[info[{name:yorn,age:20}]] I am new to vuejs and javascript so I need everyone's help. Please give me your opinion. Thanks

P粉004287665 · Answer

The above expected result is not a valid JSON. It should look like below:

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

Working Demonstration:

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});
    }
  }
})



  
    {{ item.name }}

P粉990008428 · Answer

Try changing the pushData method to have the data parameter

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

Calling method

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

Hot tools Tags

Hot Questions

Popular tool

vc9-vc14 (32+64 bit) runtime library collection (link below)

VC9 32-bit

PHP programmer toolbox full version

VC11 32-bit

SublimeText3 Chinese version

Hot Topics

Hot Article