/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

3 votes95 views3 answers
Timer countup in vue js
Javascript Vue
0 vote134 views1 answer
How to pass methods in vue js
Javascript Vue
0 vote126 views1 answer
Vue-jstree
Javascript Vue
0 vote119 views1 answer
Vue cli debugger
Javascript Vue
0 vote124 views1 answer
How to include a toasted property in vue
Javascript Vue
3 votes87 views2 answers
Vue event
Javascript Vue
4 votes123 views2 answers
Vue js tutorial
Javascript Vue
28 votes276 views4 answers
Vue create
Javascript Vue
38 votes247 views5 answers
Vue create cli
Javascript Vue
0 vote127 views1 answer
Dynamic vue js maintenance mode
Javascript Vue