Nuxt•4mo ago

Multiple Alias and Route navigation in Nuxt 3

Hello, I have a /search page that help user to find items base on some filter. I also have three pages /location, /meuble and /vente , same HTML structure as /search but with just some hidden things depending of the page. I used alias in /search for this three pages , but when i am on one of this pages and i want to go on another, nuxt-link doesn't trigger navigation saying i'm already on that page.

definePageMeta({
layout: 'with-banner',
alias: ['/location','/vente','/meuble'],
key: route => route.fullPath
})

definePageMeta({
layout: 'with-banner',
alias: ['/location','/vente','/meuble'],
key: route => route.fullPath
})

How to force navigation when navigating between these pages ? 🤔

1 Reply

Single•4mo ago

I would create those pages and make the content from /search a Component that you re-use on all of those pages. You can inject the different behaviours using a prop.

Gaming

Programming

Multiple Alias and Route navigation in Nuxt 3