/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 vote198 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote186 views1 answer
Vuejs list items from axios
Javascript Vue
0 vote226 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
13 votes399 views5 answers
Vue js cdn link
Javascript Vue
0 vote191 views1 answer
How to pass a parameter to Vue @click event handler
Javascript Vue
0 vote196 views1 answer
Vue js use component everywhere
Javascript Vue
0 vote207 views2 answers
Create a vue project from scratch with 2.9.6
Javascript Vue
0 vote343 views1 answer
How do I disable running an app on the local network when using vue-cli?
Javascript Vue
1 vote218 views2 answers
Vue settimeout in computed
Javascript Vue
0 vote205 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue