Hola, soy realmente nuevo en Vue y para este proyecto estaba tratando de agregar datos dentro de la matriz usando .push() . Cuando inserto datos dentro de totalPlayers se supone que obtengo datos como totalPlayers[{data:[0,1,2,3]}] pero actualmente guarda datos como totalPlayers[{data: [] }, 0, 1, 2, 3] . ¿Hay alguna manera de arreglar esto? Aquí está mi código a continuación
JsFiddle = https://jsfiddle.net/ujjumaki/xv2homt8/24/
Método
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); } } } })Vista
<div id="app"> <button @click="buttonClicked()"> Click Me </button> </div>data es una matriz en el primer elemento de la matriz totalPlayers , así que pruebe con 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>