jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Add toggle menu button

Browse Source
This commit is contained in:
Jan Bader 2022-01-25 12:54:06 +00:00
parent 339c230756
commit 626e0ada40
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/App.vue
View File

@ -15,6 +15,10 @@ export default {
methods: { methods: {
logout () { logout () {
this.$store.dispatch("logout"); this.$store.dispatch("logout");
},
toggleMenu () {
console.log(this.showMenu);
this.showMenu = !this.showMenu;
} }
}, },
beforeCreate () { beforeCreate () {
@ -26,11 +30,10 @@ export default {
<template> <template>
<v-app> <v-app>
<v-app-bar app> <v-app-bar app>
<ul> <li><a @click="toggleMenu">Menu</a></li>
<li v-if="!loggedIn"><router-link to="/login">Login</router-link></li> <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
<li v-if="loggedIn"><a @click="logout">Logout</a></li> <li v-if="loggedIn"><a @click="logout">Logout</a></li>
<li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li> <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
</ul>
</v-app-bar> </v-app-bar>
<v-navigation-drawer app v-model="showMenu"> <v-navigation-drawer app v-model="showMenu">