/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 vote241 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote148 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote132 views1 answer
Jsconfig.json vue
Javascript Vue
0 vote133 views1 answer
How manipulate the multiple input option data in one function in vue js
Javascript Vue
0 vote139 views1 answer
Trigger a function inside child from parent vue
Javascript Vue
63 votes260 views4 answers
Install vue js
Javascript Vue
0 vote142 views1 answer
Vue js doesn't support bootstrap-vue
Javascript Vue
0 vote137 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote135 views1 answer
Webpack vue global variable
Javascript Vue
0 vote143 views1 answer
Vue is undefined vue 3 vue.use
Javascript Vue