Breaking News: Grepper is joining You.com. Read the official announcement!

show conditional header based on url in vue js

Long Loris answered on April 11, 2021 Popularity 1/10 Helpfulness 1/10

answer show conditional header based on url in vue js

show conditional header based on url in vue js

Comment

<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>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: conditional header javascript show url

Link to this answer
Share Copy Link