/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

5 votes217 views1 answer
Vue prop string or number
Javascript Vue
16 votes313 views4 answers
Vue js default prop
Javascript Vue
13 votes261 views3 answers
Vuex v-model
Javascript Vue
0 vote224 views1 answer
Dynamically populate vue material table
Javascript Vue
0 vote246 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
2 votes227 views1 answer
How to run vue js project on different port
Javascript Vue
4 votes249 views3 answers
Vue get element height
Javascript Vue
0 vote241 views1 answer
Set visible vue
Javascript Vue
2 votes235 views1 answer
Acces store from vue console javascript
Javascript Vue
0 vote248 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue