/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 vote250 views1 answer
How to use the onload event n vue js
Javascript Vue
2 votes237 views1 answer
Clear input from file vue
Javascript Vue
0 vote248 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
35 votes256 views6 answers
Vue3 cdn
Javascript Vue
0 vote244 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
0 vote263 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote275 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
1 vote264 views2 answers
Target data option select vue js
Javascript Vue
0 vote232 views1 answer
Sortby vue
Javascript Vue
0 vote243 views1 answer
Vue js set array value by key
Javascript Vue