84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我在 data() 中有一個陣列:
data()
data() { return { list: [], } }, methods: { pushData() { this.list.push({name:'yorn', age: 20}); } }
現在我想推送到以下格式的'list'數組,關鍵是info:
info
list [ info [ { name:yorn, age: 20 } ] ]
我是 vuejs 和 javascript 新手,所以我需要大家的幫忙。請給我你的意見。謝謝
嘗試更改 pushData 方法以具有 data 參數
pushData
data
pushData(data) { this.list.push(data); }
呼叫方法
this.pushData({name: "john", age: 25});
上述預期結果不是有效的 JSON。它應該像下面的:
JSON
list: [{ info: [{ name: yorn, age: 20 }] }]
工作演示:
#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 }}
嘗試更改
pushData
方法以具有data
參數呼叫方法
上述預期結果不是有效的
JSON
。它應該像下面的:工作演示: