/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

2 votes213 views1 answer
Vue component lifecycle
Javascript Vue
12 votes235 views6 answers
Vue
Javascript Vue
0 vote211 views1 answer
Trigger a function inside child from parent vue
Javascript Vue
0 vote182 views1 answer
Firestorage vuetify
Javascript Vue
-2 votes203 views1 answer
What is slot in vue.js
Javascript Vue
3 votes173 views3 answers
Timer countup in vue js
Javascript Vue
0 vote206 views1 answer
Vue router default page not loaded
Javascript Vue
3 votes204 views1 answer
Vue js select option disabled false
Javascript Vue
0 vote194 views1 answer
Vuejs get data fromo ajax
Javascript Vue
0 vote216 views1 answer
Js vue array change position
Javascript Vue