Génère le menu en fonction de la configuration du routeur
This commit is contained in:
parent
a614f381d3
commit
132383122a
@ -3,8 +3,7 @@
|
|||||||
<v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
|
<v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
|
||||||
<v-menu v-model="menu" class="menu-below-bar">
|
<v-menu v-model="menu" class="menu-below-bar">
|
||||||
<v-list>
|
<v-list>
|
||||||
<v-list-item>Item 1</v-list-item>
|
<v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
|
||||||
<v-list-item>Item 2</v-list-item>
|
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
|
|
||||||
@ -19,8 +18,12 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { useTheme } from 'vuetify'
|
import { useTheme } from 'vuetify'
|
||||||
|
import { useRouter } from 'vue-router';
|
||||||
|
|
||||||
const theme = useTheme()
|
const theme = useTheme()
|
||||||
|
const router = useRouter();
|
||||||
|
const routes = router.options.routes;
|
||||||
|
|
||||||
let menu = ref(false)
|
let menu = ref(false)
|
||||||
|
|
||||||
function toggleTheme () {
|
function toggleTheme () {
|
||||||
|
Loading…
Reference in New Issue
Block a user