/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 vote114 views1 answer
_onResize vue leaflet
Javascript Vue
0 vote114 views1 answer
Get props from methods in vue
Javascript Vue
0 vote95 views1 answer
Vue js key modifiers
Javascript Vue
1 vote112 views1 answer
Content editable vuejs
Javascript Vue
0 vote107 views1 answer
Global axios vue 2
Javascript Vue
1 vote107 views2 answers
Lazy Loading Routes vue
Javascript Vue
0 vote115 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote111 views1 answer
Vue i18n command
Javascript Vue
1 vote159 views1 answer
Vuex state from another module
Javascript Vue
0 vote104 views1 answer
Optional validation vuetify
Javascript Vue