How to emit a method defined at child component by RouterView?

[Astrian]

I am writing a gamepad-supported app with VueRouter, and I need to make the D-Pad navigation available between different components.

In my project, the App.vue file will have a navigation bar and can be navigated by the left and the right button on D-Pad. In my mind, when the user presses the down button, the cursor will focus on the element inside the RouterView.

I want to process all gamepad button press on App.vue rather than the component can be called by RouterView, so I need to pass an event to the child. However, the ref cannot be used in RouterView.

So is there any method to emit the event in the child component in RouterView? Or is there any better workaround or solution?