/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

2 votes100 views2 answers
Vue + change router link active class
Javascript Vue
0 vote104 views1 answer
How use a ExpressJS, VueJS, Jade together?
Javascript Vue
0 vote106 views1 answer
Delete item from a foreach vuejs
Javascript Vue
0 vote106 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
3 votes114 views5 answers
Vue js count down timer
Javascript Vue
-1 vote110 views2 answers
How to call function from another component in vue js
Javascript Vue
0 vote110 views1 answer
How to run method in method vue js on load
Javascript Vue
0 vote106 views1 answer
Vue js readdir
Javascript Vue
0 vote111 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote98 views1 answer
Vue send event plus variable
Javascript Vue