Tengo dos componentes, parentComponent y childComponent .

parentComponent pasa un accesorio llamado booleanValue a childComponent cuyo valor se usa dentro de la devolución de llamada nextTick() para realizar algún procesamiento.

Mi componente hijo está realizando su método así:

 mounted() { this.$nextTick(()=>{ if (this.booleanValue){ alert('You got it!') this.$emit('event-name'); } }) } }

y mi componente principal lo procesa así:

 <child-component v-on:event-name=eventMethod v-bind:booleanValue=this.booleanValue> </child-component>

y mi eventMethod() se describe en methods: {...}

Mi código es sintácticamente correcto, pero no puedo hacer que nextTick lo realice de la manera que quiero. Lo que estoy tratando de lograr es que el componente secundario termine de representar el nuevo DOM y luego emita un evento al padre, quien luego realiza otro procesamiento.

¿Qué estoy haciendo mal? Preferiría usar esta solución en lugar de intentar resolver a través de otras implementaciones como la API de opciones, si es posible. Todavía no he aprendido eso y me temo que generaré más frustración si trato de aprenderlo ahora para este problema.