/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 vote192 views2 answers
Lazy Loading Routes vue
Javascript Vue
0 vote190 views1 answer
Vue js readdir
Javascript Vue
0 vote213 views1 answer
Hidden vue js
Javascript Vue
0 vote194 views1 answer
Vue store access state in actions
Javascript Vue
0 vote199 views1 answer
Vue reset all data to default
Javascript Vue
-1 vote208 views4 answers
Vue font awesome icons
Javascript Vue
0 vote193 views1 answer
How to use the onload event n vue js
Javascript Vue
1 vote186 views1 answer
Vue js access data in method
Javascript Vue
0 vote198 views1 answer
Vuejs typescript can't access data
Javascript Vue
2 votes184 views1 answer
How to run vue js project on different port
Javascript Vue