Create a route out of router in vue

Question

I'm using a vuetify application, App.vue looks like this

 <template>
  <v-app class="grey lighten-4">
    <nav>
      <Header/>
    </nav>
    <section><NavigationBar/></section>
    <v-content>
      <router-view></router-view>
    </v-content>
    <Footer/>
  </v-app>
</template>

This works perfectly. But I faced the situation, when I need to create an empty page, so I don't want load footer, header or bar. Is there any way to create a route for an empty page in this case?

ebyte · Accepted Answer · 2020-06-21 10:40:18Z

1

Nested Routes

https://router.vuejs.org/guide/essentials/nested-routes.html

 <template>
  <v-app class="grey lighten-4">
 <router-view>
    <nav>
      <Header/>
    </nav>
    <section><NavigationBar/></section>
    <v-content>
      <router-view></router-view>
    </v-content>
    <Footer/>
 <router-view>
  </v-app>
</template>

answered Jun 21, 2020 at 10:40

ebyte

1,5173 gold badges22 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fruling Over a year ago

that looks very cool, thank you! But as I can see, this thing requires link changes too. For example if I have app/page1, app/page2 and I want to add app/newPage, there is no way. I need to do app/smth/page1, app/smth/page2 and app/newPage. Or am I wrong?

ebyte Over a year ago

you can use v-if="!$route.name === 'abc'"

Collectives™ on Stack Overflow

Create a route out of router in vue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related