/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

-2 votes152 views1 answer
Vue js get routes
Javascript Vue
0 vote151 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
1 vote169 views1 answer
Vuetify sass variables
Javascript Vue
1 vote149 views1 answer
Fetch in vue 3
Javascript Vue
0 vote153 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote242 views1 answer
Vue reset all data to default
Javascript Vue
16 votes285 views5 answers
Vuejs router params
Javascript Vue
1 vote189 views1 answer
Vuejs typescript mapactions
Javascript Vue
0 vote157 views1 answer
Vue.js cdn script
Javascript Vue
0 vote135 views1 answer
Vue store access state in actions
Javascript Vue