/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 vote313 views1 answer
Vue js copy text to clipboard
Javascript Vue
0 vote355 views1 answer
Vue is undefined vue 3 vue.use
Javascript Vue
0 vote326 views1 answer
Update head tag metadata vue
Javascript Vue
0 vote325 views1 answer
Vuerouter route grouping
Javascript Vue
9 votes363 views3 answers
Vue 3 computed
Javascript Vue
0 vote253 views1 answer
Vuejs reset component
Javascript Vue
1 vote317 views1 answer
Biding multiple class vuejs
Javascript Vue
0 vote330 views1 answer
Vue js tutorial csv import
Javascript Vue
0 vote326 views1 answer
Vue minify images
Javascript Vue
6 votes381 views3 answers
Vue watch object member
Javascript Vue