/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 vote212 views2 answers
Ionic vue electron
Javascript Vue
0 vote201 views1 answer
Vuejs show content on loaded
Javascript Vue
0 vote159 views2 answers
Vue test utils emit from child component
Javascript Vue
1 vote214 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
0 vote229 views2 answers
Vue slice words
Javascript Vue
2 votes228 views2 answers
Vuex use state in action
Javascript Vue
5 votes211 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote196 views1 answer
Vue specify build directory
Javascript Vue
1 vote223 views1 answer
Nativescript vue get native from ref
Javascript Vue
0 vote240 views1 answer
Vue js encrypt localstorage data
Javascript Vue