Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<template>
<ul class="nav nav-tabs">
<li role="presentation" v-bind:class="{ active: $route.name === 'home' }">
<router-link to="/">
Home
</router-link>
</li>
<li role="presentation" v-bind:class="{ active: $route.name === 'about' }">
<router-link to="/about">
About
</router-link>
</li>
<li role="presentation" v-bind:class="{ active: $route.name === 'browse' }">
<router-link to="/browse">
Browse
</router-link>
</li>
<li role="presentation" v-bind:class="{ active: $route.name === 'statistics' }">
<router-link to="/statistics">
Statistics
</router-link>
</li>
<li role="presentation" v-bind:class="{ active: $route.name === 'encyclopedia' }">
<router-link to="/encyclopedia">
Encyclopedia
</router-link>
</li>
</ul>
</template>
<script>
export default {
name: "Links",
mounted: function () {
// console.log(this.$route.name)
}
}
</script>