/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 vote277 views2 answers
Add remove to array vue js
Javascript Vue
0 vote324 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote318 views1 answer
Lazy loading by scroll vue
Javascript Vue
1 vote277 views1 answer
Biding multiple class vuejs
Javascript Vue
0 vote287 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote273 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
1 vote283 views1 answer
Vue test form input
Javascript Vue
0 vote233 views1 answer
Vue 3 emit update prop
Javascript Vue
1 vote290 views1 answer
How to detect props change in vue
Javascript Vue
1 vote294 views1 answer
Nativescript vue get native from ref
Javascript Vue