Tengo dos componentes VUE independientes y quiero comunicarme entre ellos.
En el primer componente, estoy usando <component> y le agregué una referencia.
<component ref="dynamicComponent"></component> y en ese componente dinámico anterior, hay un método (supongamos que dynamicMethod ) y quiero llamar a ese método desde el segundo componente.
Entonces, para eso, estoy usando el siguiente código:
this.$root.$refs.dynamicComponent.dynamicMethod(); Pero obtengo this.$root.$refs un objeto en blanco. ¿Cómo puedo llamar a ese método?
Cualquier ayuda sería apreciada.
Asegúrese de intentar acceder a $refs solo después de montar el componente. Debería poder acceder a $refs en el gancho montado.
mounted: function() { console.log(this.$refs); },