ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add active link class to navigation

This commit is contained in:
Ramon Wenger 2018-08-23 20:21:18 +02:00
parent 4754d9ddb2
commit eee12f5871
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/components/TopNavigation.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<nav class="top-navigation"> <nav class="top-navigation">
<router-link to="/module" class="top-navigation__link top-navigation__link--active">Inhalte</router-link> <router-link to="/module" active-class="top-navigation__link--active" class="top-navigation__link">Inhalte</router-link>
<router-link to="/rooms" class="top-navigation__link">Räume</router-link> <router-link to="/rooms" active-class="top-navigation__link--active" class="top-navigation__link">Räume</router-link>
<router-link to="/" class="top-navigation__link">Portfolio</router-link> <router-link to="/404" active-class="top-navigation__link--active" class="top-navigation__link">Portfolio</router-link>
</nav> </nav>
</template> </template>

4
client/src/router/index.js
View File

@ -1,6 +1,6 @@
import Vue from 'vue' import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
import index from '@/pages/index' // import index from '@/pages/index'
import topic from '@/pages/topic' import topic from '@/pages/topic'
import book from '@/pages/book' import book from '@/pages/book'
import module from '@/pages/module' import module from '@/pages/module'
@ -11,7 +11,7 @@ import basicknowledge from '@/pages/basicknowledge'
import p404 from '@/pages/p404' import p404 from '@/pages/p404'
const routes = [ const routes = [
{path: '/', name: 'index', component: index}, {path: '/', name: 'module', component: module},
{path: '/module', name: 'module', component: module}, {path: '/module', name: 'module', component: module},
{path: '/rooms', name: 'rooms', component: rooms}, {path: '/rooms', name: 'rooms', component: rooms},
{path: '/room/:slug', name: 'room', component: room, props: true}, {path: '/room/:slug', name: 'room', component: room, props: true},