/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 vote271 views1 answer
Vuejs pass all events to child
Javascript Vue
0 vote295 views2 answers
Vuetify data table expanded icon example
Javascript Vue
1 vote283 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
2 votes272 views1 answer
Vue component lifecycle
Javascript Vue
0 vote287 views1 answer
Laravel vue js component won't mount
Javascript Vue
2 votes274 views2 answers
Access data out of Axios .then vue.js
Javascript Vue
2 votes265 views1 answer
Clear input from file vue
Javascript Vue
0 vote267 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
3 votes283 views5 answers
Vue js countdown timer
Javascript Vue
0 vote268 views1 answer
Vuetify autocomplete get input value
Javascript Vue