0
194
VistasEvento de cambio de Vuetify 3 en v-select
Estoy probando Vuetify 3 (npm:@vuetify/nightly@next) v-select e intento obtener un evento de cambio. Sin embargo, mi función de controlador no se llama. Este es mi código:
TS:
export default defineComponent({ setup() { function onLanguageChange(a: any) { console.log(a); } const items = ['Русский', 'English']; return {onLanguageChange, items} } });vista
<v-select prepend-icon="mdi-web" :items="items" label="Lang" @change="onLanguageChange" ></v-select>Y esto es lo que obtengo en la consola cuando enfoco la selección y cambio su valor.
¿Alguien podría decir si esto es un error o algo está mal con mi código (y cómo solucionarlo)?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
La lista de eventos v-select no incluye el evento de change . Solo tiene un evento: update:modelValue .
Utilice el evento update:modelValue en su lugar:
<v-select @update:modelValue="onLanguageChange"> O use un v-model con un observador:
<v-select v-model="lang">...</v-select> import { ref, watch } from 'vue' export default { setup() { const lang = ref() watch(lang, (newValue) => console.log('new lang', newValue)) return { lang } } }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta