/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 vote298 views1 answer
Import vuex in composition api
Javascript Vue
1 vote322 views2 answers
Vue watch props
Javascript Vue
0 vote325 views1 answer
Vue.js cdn script
Javascript Vue
0 vote318 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
1 vote303 views1 answer
Vue 3 define props script setup
Javascript Vue
0 vote293 views1 answer
Vue js app component
Javascript Vue
5 votes304 views6 answers
Vue v-for object
Javascript Vue
0 vote289 views1 answer
Dynamically populate vue material table
Javascript Vue
1 vote304 views1 answer
Vue npx
Javascript Vue
12 votes311 views6 answers
Vue
Javascript Vue