/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

11 votes148 views2 answers
Vue nextTick
Javascript Vue
0 vote138 views1 answer
How to securely post form data to api vuejs
Javascript Vue
0 vote141 views1 answer
Play mp4 vue js
Javascript Vue
0 vote131 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
1 vote143 views1 answer
Vue directive parameter
Javascript Vue
0 vote146 views1 answer
Vue js override component css
Javascript Vue
0 vote161 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote150 views2 answers
Vuetify validate child component
Javascript Vue
0 vote182 views1 answer
Vue dynamic routes with parameters
Javascript Vue
0 vote148 views3 answers
Rust zola vuejs
Javascript Vue