嘿，我真的是 Vue 的新手，對于這個專案，我試圖使用.push(). 當我在 totalPlayers 中推送資料時，它假設獲取資料為，totalPlayers[{data:[0,1,2,3]}]但當前將資料保存為totalPlayers[{data: [] }, 0, 1, 2, 3]. 有沒有辦法來解決這個問題？下面是我的代碼
JsFiddle = https://jsfiddle.net/ujjumaki/xv2homt8/24/
方法
new Vue({
el: "#app",
data: {
totalPlayers:[{
data:[],
}],
playerList:4,
},
methods: {
buttonClicked(){
for (var i = 0; i < this.playerList; i ) {
console.log('i was ' i);
this.totalPlayers.push(i);
console.log(this.totalPlayers);
}
}
}
})
看法
<div id="app">
<button @click="buttonClicked()">
Click Me
</button>
</div>
uj5u.com熱心網友回復：
data是陣列的第一個元素中的totalPlayers陣列，因此請嘗試totalPlayers[0].data.push：
new Vue({
el: "#app",
data: {
totalPlayers:[{
data:[],
}],
playerList:4,
},
methods: {
buttonClicked(){
for (var i = 0; i < this.playerList; i ) {
console.log('i was ' i);
this.totalPlayers[0].data.push(i);
console.log(this.totalPlayers);
}
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<button @click="buttonClicked()">
Click Me
</button>
</div>uj5u.com熱心網友回復：
只需使用它來推送：this.totalPlayers[0].data.push(i);
因為 totalPlayers 是一個陣列，并且您想添加到它的第一個元素是物件
jsfiddle
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/315798.html
標籤：javascript 数组 Vue.js 目的
上一篇：物件到陣列堆疊末尾的空值