Vue.js consigue la opción seleccionada en @change

Primero, quiero decir que soy nuevo en Vue, y este es mi primer proyecto en utilizar Vue. Tengo combobox y quiero hacer algo diferente según el combobox seleccionado. Uso el archivo vue.html y el script de escritura separados. Aquí está mi código.

 Annual Leave/ Off-Day On Demand Leave  

y aquí está mi archivo ts

 onChange(value) { console.log(value); } 

¿Cómo obtener el valor de la opción seleccionada en mi función de escritura? Gracias.

    4 Solutions collect form web for “Vue.js consigue la opción seleccionada en @change”

    Utilice v-model para vincular el valor del valor de la opción seleccionada. Aquí hay un ejemplo .

       

    Más referencia se puede ver desde aquí .

    @ es una opción de acceso directo para v-on . Use @ solo cuando quiera ejecutar algunos métodos Vue. Como no está ejecutando los métodos de Vue, en lugar de eso, está llamando a la función javascript, debe usar el atributo onchange para llamar a la función javascript

      function onChange(value) { console.log(value); } 

    Si quieres llamar a los métodos de Vue, hazlo así:

      new Vue({ ... ... methods:{ onChange:function(event){ console.log(event.target.value); } } }) 

    Puede usar el atributo de datos v-model en el elemento seleccionado para vincular el valor.

      new Vue({ data:{ selectedValue : 1, // First option will be selected by default }, ... ... methods:{ onChange:function(event){ console.log(this.selectedValue); } } }) 

    Espero que esto ayude 🙂

    El valor cambiado estará en event.target.value

     const app = new Vue({ el: "#app", data: function() { return { message: "Vue" } }, methods: { onChange(event) { console.log(event.target.value); } } }) 
      

    También puedes usar v-model para el rescate.

       
    Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.