/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 vote372 views1 answer
Vue htmlWebpackPlugin.options.title
Javascript Vue
0 vote239 views1 answer
Vue router accept params null
Javascript Vue
1 vote210 views1 answer
Vue 3 define props script setup
Javascript Vue
0 vote231 views1 answer
Vuejs chatbot widget
Javascript Vue
0 vote256 views1 answer
Vue change input value from console
Javascript Vue
1 vote217 views1 answer
Adding a prototype on vue using nuxt
Javascript Vue
0 vote229 views1 answer
Sweetalert2 vue on ok click page refresh
Javascript Vue
8 votes233 views3 answers
Query params vuejs
Javascript Vue
1 vote230 views1 answer
Vue directive parameter
Javascript Vue
16 votes296 views5 answers
Vuejs router params
Javascript Vue