/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

4 votes289 views1 answer
How to call action from another module vuex
Javascript Vue
1 vote284 views1 answer
Get text inside span vue test utils
Javascript Vue
4 votes301 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
1 vote301 views1 answer
Axios post data vue js
Javascript Vue
0 vote307 views1 answer
Await vuex dispatch true
Javascript Vue
0 vote310 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote281 views1 answer
Print vue-chart.js
Javascript Vue
6 votes292 views2 answers
Redirect in vue
Javascript Vue
0 vote263 views1 answer
Get props from methods in vue
Javascript Vue
18 votes382 views6 answers
Vue 3 CDN
Javascript Vue