/Javascript/Vue/Show conditional header based on url in vue js

Show conditional header based on url in vue js

<template>
    <div id="app">

/* Note that this takes an array of route names, so you can simply pass in
the name of the route you don't want this component to be displayed on */

        <navbar v-if="!['login', 'register', 'help'].includes($route.name)" />
    
        <main>
            <router-view />
        </main>
    
        <appfooter v-if="!['login', 'register'].includes($route.name)"/>
    
    </div>
    </template>

Source: stackoverflow.com

Similar codes

0 vote168 views1 answer
Data table is not a function in vue
Javascript Vue
0 vote285 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
6 votes160 views4 answers
V-for vue
Javascript Vue
0 vote156 views1 answer
Nuxt vuetify google fonts undefined
Javascript Vue
0 vote184 views1 answer
Vuejs select placeholder
Javascript Vue
2 votes158 views1 answer
Vue filter()
Javascript Vue
1 vote168 views3 answers
Settimeout in vuejs
Javascript Vue
0 vote144 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
1 vote167 views1 answer
Vuex-module-decorators access other state
Javascript Vue
0 vote163 views1 answer
Add a Google Font to a VueJS
Javascript Vue