/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 vote284 views1 answer
Vuejs reset component
Javascript Vue
63 votes470 views4 answers
Install vue js
Javascript Vue
-2 votes341 views2 answers
Timestamp convert moment vue
Javascript Vue
2 votes367 views1 answer
Vue filter()
Javascript Vue
0 vote399 views1 answer
Hide component on click vue
Javascript Vue
0 vote346 views1 answer
Vue.js props undefined type
Javascript Vue
0 vote385 views1 answer
Vue print date
Javascript Vue
0 vote372 views1 answer
Vue js destroyed
Javascript Vue
0 vote347 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
0 vote339 views1 answer
Vuelidate custom error messages
Javascript Vue