/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 vote179 views1 answer
Lazy loading by scroll vue
Javascript Vue
2 votes189 views1 answer
Clear input from file vue
Javascript Vue
3 votes196 views5 answers
Vue js count down timer
Javascript Vue
1 vote195 views3 answers
Settimeout in vuejs
Javascript Vue
0 vote193 views1 answer
Vue route automatic redirect
Javascript Vue
0 vote188 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
0 vote196 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote218 views2 answers
Vuejs slots events
Javascript Vue
0 vote216 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
0 vote256 views2 answers
Vuejs filter array by dates
Javascript Vue