/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

1 vote107 views2 answers
Vue settimeout in computed
Javascript Vue
0 vote107 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
0 vote142 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote108 views1 answer
Vue max characters html input
Javascript Vue
2 votes100 views2 answers
Vue directive
Javascript Vue
1 vote97 views1 answer
Vuex add multiple payload to mutation
Javascript Vue
3 votes238 views2 answers
Vue add watcher
Javascript Vue
3 votes109 views1 answer
Vue js select option disabled false
Javascript Vue
0 vote98 views2 answers
Vuetify validate child component
Javascript Vue
67 votes214 views3 answers
Update vue version npm
Javascript Vue