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>