/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 vote126 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
18 votes168 views6 answers
Vue js cdn
Javascript Vue
0 vote135 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote108 views2 answers
Vue config devtools
Javascript Vue
1 vote130 views4 answers
For loop vue object
Javascript Vue
18 votes167 views6 answers
Vue 3 CDN
Javascript Vue
0 vote121 views1 answer
Vue send event plus variable
Javascript Vue
0 vote113 views1 answer
Vue js encrypt localstorage data
Javascript Vue
-1 vote171 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote120 views1 answer
Vuejs get data fromo ajax
Javascript Vue