Calling child function in dynamic route [id].vue

I am trying to call a function in my current Nuxt page from my NavBar.

This works fine when I am just using normal pages

<NuxtPage ref="page" />

<NuxtPage ref="page" />

in template and:

const page = ref(null)
  page.value.pageRef.foo()

const page = ref(null)
  page.value.pageRef.foo()

in my app.vue file

However if instead the page is a dynamic route. Put inside a folder projects as [id].vue
The same code doesn't work. Even though I am using defineExpose({foo}) from the [id].vue file

Any ideas? I tried to see if I could extract it from a deeper layer of the "page.value.pageRef" object but it just returns a proxy object and I can't seem to extract anything

Help is much appreciated or thoughts on better ways to communicate from a button in nav with a nested page route (I don't really want to send data back and forth through the pages)

Thanks

Nuxt•17mo ago•

1 reply

AxelSorensen

Calling child function in dynamic route [id].vue

I am trying to call a function in my current Nuxt page from my NavBar.

This works fine when I am just using normal pages

<NuxtPage ref="page" />

<NuxtPage ref="page" />

in template and:

const page = ref(null)
  page.value.pageRef.foo()

const page = ref(null)
  page.value.pageRef.foo()

Calling child function in dynamic route [id].vue

Similar Threads

Calling child function in dynamic route [id].vue

Similar Threads

Similar Threads

Similar Threads