navbar.vue
931 Bytes
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
<template>
<nav :class="classObject">
<slot></slot>
</nav>
</template>
<script>
export default {
replace: true,
computed: {
classObject() {
return [
'navbar',
this.type ? `navbar-${this.type}` : '',
this.variant ? `bg-${this.variant}` : '',
this.fixed ? `navbar-fixed-${this.fixed}` : '',
this.full ? 'navbar-full' : '',
this.toggleable ? 'navbar-toggleable-md' : ''
];
}
},
props: {
type: {
type: String,
default: 'light'
},
variant: {
type: String
},
toggleable: {
type: Boolean,
default: false
},
fixed: {
type: String
},
full: {
type: Boolean,
default: false
}
}
};
</script>