0

De que forma podria hacer que se ejecute un metodo en Vue Js al seleccionar una opcion de un select? En mi aplicacion el usuario selecciona un mes de la lista y entonces quiero que se haga una consulta a la BD por medio de axios en tiempo real, sin que el usuario tengra que presionar un boton "buscar" por ejemplo, para que se ejecute mi metodo Vue js de mi componente? Estoy trabajando con PHP. Ya logre que al presionar el boton se haga la peticion con axios pero quiero que se haga asincrono sin tener que presionar un boton.

1
  • Asincronico, no tiene nada que ver con presionar o no un boton. En realidad vos lo queres automatico al seleccionar una opcion.. y esta llamada seguro se hace asincronicamente al servidor ;) mas alla de eso, si mostras tu codigo podemos ayudarte para ver donde esta el problema.
    – gbianchi
    el 1 feb. 2019 a las 3:38

1 respuesta 1

3

Buenas noches Eduardo.

veo que lo tienes todo realizado pero pulsando el boton buscar, el select puede emiter eventos al cambiar entre sus ítem con "@change="metodoAejecutar()", si defines un v-model al select puedes capturar el value de los options del select te paso un ejemplo.

<div id="app">
 <select name="LeaveType" @change="onchange()" class="form-control" v-model="key">
  <option value="1">Annual Leave/ Off-Day</option>
  <option value="2">On Demand Leave</option>
 </select>
</div>


new Vue({
 el: "#app",
 data: {
  key: "",
 },
 methods: {
 onchange: function() {
   console.log(this.key)
   alert(this.key)
  }
 }
})

introducir el código aquí

Ejemplo Vue Select

3
  • bienvenido, el ejemplo va aquí, por que si ese enlace deja de funcionar entonces la respuesta pierde sentido
    – user75901
    el 1 feb. 2019 a las 2:58
  • El ejemplo esta perfecto.. si copias el mismo en la respuesta, para que futuros usuarios lo puedan ver, seguro vas a quitar esos negativos y tu respuesta podria ser aceptada.
    – gbianchi
    el 1 feb. 2019 a las 3:39
  • listo, muchas gracias a los dos, en especial a @gbianchi
    – Luis Cauro
    el 5 feb. 2019 a las 21:03

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.