Tengo un componente de entrada que debería llamar a un método getUserSearch cuando el usuario escribe y actualizar la variable v_on_search con el valor de la variable v_model_search .
Estoy mostrando el contenido con las variables: v_model_search y v_on_search para probar, aunque solo el modelo v parece estar funcionando.
<template> <div> <input type="text" placeholder="search here" v-model="v_model_search" v-on:oninput="getUserSearch()"> <p>{{v_model_search}}</p> <p>{{v_on_search}}</p> </div> </template> <script> export default { name: 'SearchBox', data () { return { v_model_search: '', v_on_search: '' } }, methods: { getUserSearch () { this.v_on_search = this.v_model_search } } } </script>Probar
v-on:input="getUserSearch()"o más corto
@input="getUserSearch()"Vue reconoce eventos HTML pero no tienen el prefijo "on"