Tracking de l'application VApp (IHM du jeu)
This commit is contained in:
29
VApp/src/components/RouterMenu.vue
Normal file
29
VApp/src/components/RouterMenu.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<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-list>
|
||||
<v-list-item v-for="route in filteredRoutes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
const router = useRouter();
|
||||
const routes = router.options.routes;
|
||||
|
||||
let menu = ref(false);
|
||||
|
||||
// Filtrer les routes pour masquer une route spécifique (par exemple, 'RouteA')
|
||||
const filteredRoutes = computed(() => {
|
||||
return routes.filter(route => route.name !== 'Debugger MQTT');
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.menu-below-bar {
|
||||
margin-top: 48px; /* La hauteur de la barre d'application */
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user