Nested routes: Showing parent page only in campaigns/choose-type.vue, but not other routes?
This question is a bit tricky but I try my best to explain it properly.
I have a file structure like this:
campaigns.vue
-- choose-type.vue
-- create.vue
-- edit
-- detail
-- [campaignId].vue
pages/campaigns.vue: shows overview of campaigns
pages/campaigns/choose-type.vue: shows a modal. I want to have the pages/campaigns.vue in the background. I have already accomplished that with the file structure and adding
<NuxtPage /> to pages/campaigns.vue
However, other routes such as pages/campaigns/create.vue also show the pages/campaigns.vue (campaign table) which I don't want.
I have tried something like <NuxtPage v-if="route.name === 'portal-campaigns-choose-type" /> but that didn't work.
Is there a way to accomplish that?
I have already read the docs regarding nested pages.
Help is very appreciated0 Replies