In my setup, I have a routes file with multiple routes configured such as localhost:8000/test
and localhost:8000/test2
.
My objective is to create a final route like localhost:8000/tabs
, where I can utilize a tab library like bootstrap or Vuetify to display tabs for each of the routes on the same page.
For example, accessing
localhost:8000/tabs?=test&test2
would generate a page where test and test2 components are shown as tab items (with the components dynamically retrieved using the routes file?).
The main issue I'm encountering with the routes is that it reloads the page and changes the URL instead of keeping everything within localhost:8000/tabs
.
Any advice on how to handle this situation would be greatly appreciated. Thank you!