Estoy creando un componente secundario para mis filtros que debe actualizarse cuando el usuario cambia algunos valores de entrada... El problema es que cuando emito los nuevos datos en el componente principal, ¡el reloj no se activará! Por favor, revise mi código para ver dónde me equivoqué...

Componente principal

Definición del componente

 <FiltersComponent v-model:filters="filters" />

Definición de la expresión del reloj

 watch(filters, (value) => { getAccounts(value); });

Componente hijo

 const emits = defineEmits(['update:filters']); const props = defineProps({ filters: { type: Object, default: () => ({ ... }), required: true, }, }); function updateFilters(newValue, property) { console.log('updateFilters', newValue, property); emits('update:filters', { ...props.filters, [property]: newValue }); }

nota: el archivo console.log imprime el valor nuevo y la propiedad correctamente, ¡pero el reloj nunca sucede!

PD: También utilicé v-on:update:filters="getAccounts(filters)" dentro del componente principal. pero los datos de los filtros no se actualizan dentro de la llamada a la función...