/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 vote136 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
1 vote149 views2 answers
Focus on input field vuejs event
Javascript Vue
-1 vote125 views1 answer
Vuex store in js file
Javascript Vue
4 votes146 views2 answers
Global variable vuejs
Javascript Vue
1 vote157 views1 answer
Track window resize in vue
Javascript Vue
0 vote138 views1 answer
Vue router Async Scrolling
Javascript Vue
0 vote152 views2 answers
Vue slice words
Javascript Vue
3 votes275 views2 answers
Vue add watcher
Javascript Vue
31 votes278 views5 answers
Inline style vue
Javascript Vue
0 vote128 views1 answer
Mdi/js icons with vue
Javascript Vue