Tengo un botón simple, supongo que para agregar un elemento en una lista:
<label for="numit">item number:</label> <input type="text" id="numit" :value="idxItemBuy"> <button id="buyitem" @click="buy($event.target.value)">Buy</button> buy() { console.log("buy fonction") this.currentPlayer.buy(this.idxItemBuy) }pero en realidad no está llamando al método comprar (y no sé cuándo se supone que debo usar $event.target.value)
Puede leer más sobre v-model => enlazar entrada con datos ( https://vuejs.org/v2/guide/forms.html o https://v3.vuejs.org/guide/forms.html#text )
Te escribo un código que funciona.
<template> <div> <label>item number:</label> <input type="text" v-model="idxItemBuy" /> <button @click="buy">Buy</button> <ul> <li v-for="item in items" :key="item"> {{ item }} </li> </ul> </div> </template> <script> export default { data() { return { idxItemBuy: "", items: [], }; }, methods: { buy() { console.log("buy fonction", this.idxItemBuy); this.items.push(this.idxItemBuy); }, }, }; </script>