/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 vote321 views1 answer
Set visible vue
Javascript Vue
0 vote311 views1 answer
Add font awesome to vue
Javascript Vue
-2 votes350 views1 answer
Vue js get routes
Javascript Vue
38 votes428 views5 answers
Vue create cli
Javascript Vue
62 votes433 views4 answers
How to install vue
Javascript Vue
0 vote296 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
6 votes335 views3 answers
Url params vue
Javascript Vue
6 votes317 views1 answer
Vuejs set
Javascript Vue
0 vote361 views1 answer
Routing vue with meta tag firebase
Javascript Vue
3 votes312 views1 answer
Filter array in vuex
Javascript Vue