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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
| <template>
| <router-link class="sidenav-item" tag="div" active-class="active" :class="{active: active, disabled: disabled}"
| :to="to"
| :replace="replace"
| :append="append"
| :exact="exact"
| :event="event">
| <a class="sidenav-link" :class="linkClass">
| <i class="sidenav-icon" v-if="icon" :class="icon"></i>
| <div><slot></slot></div>
| <div v-if="badge" class="pl-1 ml-auto"><div class="badge" :class="badgeClass">{{badge}}</div></div>
| </a>
| </router-link>
| </template>
|
| <script>
| export default {
| name: 'sidenav-router-link',
| props: {
| to: null,
| replace: {
| type: Boolean,
| default: false
| },
| append: {
| type: Boolean,
| default: false
| },
| exact: {
| type: Boolean,
| default: false
| },
| event: null,
| icon: String,
| linkClass: {
| type: String,
| default: ''
| },
| badge: {
| default: null
| },
| badgeClass: {
| type: String,
| default: ''
| },
| disabled: {
| type: Boolean,
| default: false
| },
| active: {
| type: Boolean,
| default: false
| }
| }
| }
| </script>
|
|
