¿alguien que me ayude con esto? quiero mantener la reactividad del input y poderla usar para el cambio de la propiedad ident de manera reactiva para la consulta a la api.
ya probe con los hook create y mounted, ademas de separandolo en methods llamados desde el mounted pero no me deja cambiar el numero en el input.
pensaria que se podria usar un watch para el manejo de la propiedad pero no sabria como implementarla.
Gracias por su Atención.
new Vue({
el: "#app",
data: {
lista: [],
ident: 2
},
mounted() {
this.loadPokes();
},
methods: {
loadPokes() {
axios.get("https://pokeapi.co/api/v2/pokemon/" + this.ident + '/')
.then(response => {
this.lista = response.data
})
}
}
})
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<html>
<head></head>
<body>
<div id="app">
<ul>
<input type="text" name="" value="" v-model="this.ident" @change="loadPokes">
<li v-for="poke in lista" :key="poke.key">{{poke.name}}</li>
</ul>
</div>
</body>
</html>