mirror of
https://github.com/em-squared/5e-drs.git
synced 2025-10-30 05:04:21 +00:00
meilleure initialisation du menu principal + équipement
This commit is contained in:
parent
b1b97a01e9
commit
c34341f375
10 changed files with 751 additions and 9 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<v-navigation-drawer class="main-drawer" v-model="drawer" :clipped="$vuetify.breakpoint.lgAndUp" width="300" app>
|
||||
<v-list dense nav>
|
||||
<template v-for="item in items">
|
||||
<v-list-group v-if="item.children" :key="item.title" v-model="item.expanded" color="accent">
|
||||
<v-list-group v-if="item.children" :key="item.title" :value="isExpanded(item)" color="accent">
|
||||
<template v-slot:activator>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
</template>
|
||||
|
||||
<template v-for="child in item.children">
|
||||
<v-list-group v-if="child.children" :key="child.title" sub-group v-model="child.expanded" color="accent">
|
||||
<v-list-group v-if="child.children" :key="child.title" sub-group :value="isExpanded(child)" color="accent">
|
||||
<template v-slot:activator>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</template>
|
||||
<v-list-item v-for="subchild in child.children" link :to="{path: subchild.path}" exact>
|
||||
<v-list-item v-for="subchild in child.children" link :to="{path: subchild.path}" :exact="subchild.exact">
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ subchild.title }}
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</v-list-group>
|
||||
<v-list-item v-else :key="child.title" link :to="{path: child.path}" exact>
|
||||
<v-list-item v-else :key="child.title" link :to="{path: child.path}" :exact="child.exact">
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ child.title }}
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
</v-list-item>
|
||||
</template>
|
||||
</v-list-group>
|
||||
<v-list-item v-else :key="item.title" link :to="{path: item.path}" color="accent" exact>
|
||||
<v-list-item v-else :key="item.title" link :to="{path: item.path}" color="accent" :exact="item.exact">
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ item.title }}
|
||||
|
|
@ -75,6 +75,27 @@ export default {
|
|||
},
|
||||
|
||||
methods: {
|
||||
isExpanded (item) {
|
||||
if (item.children) {
|
||||
for (var i = 0; i < item.children.length; i++) {
|
||||
if (item.children[i].path) {
|
||||
if (item.children[i].path == this.$route.path) {
|
||||
return true
|
||||
}
|
||||
}
|
||||
if (item.children[i].children) {
|
||||
for (var j = 0; j < item.children[i].children.length; j++) {
|
||||
if (item.children[i].path) {
|
||||
if (item.children[i].children[j].path == this.$route.path) {
|
||||
return true
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return false
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue