Fix mobile menu links

This commit is contained in:
2019-03-08 15:24:23 +07:00
parent 4f15b462a1
commit 1c4e31875b

View File

@@ -2,7 +2,10 @@
<div> <div>
<v-navigation-drawer absolute temporary app v-model="drawer" class="hidden-md-and-up"> <v-navigation-drawer absolute temporary app v-model="drawer" class="hidden-md-and-up">
<v-list> <v-list>
<v-list-tile v-for="(item, i) in menuItems" :key="`drawer-item-${i}`"> <v-list-tile v-for="(item, i) in menuItems"
:key="`drawer-item-${i}`"
@click.prevent="changeLocation(item.route)"
>
<v-list-tile-action> <v-list-tile-action>
<v-icon left v-html="item.icon"></v-icon> <v-icon left v-html="item.icon"></v-icon>
</v-list-tile-action> </v-list-tile-action>
@@ -10,6 +13,14 @@
<v-list-tile-title v-text="item.title"></v-list-tile-title> <v-list-tile-title v-text="item.title"></v-list-tile-title>
</v-list-tile-content> </v-list-tile-content>
</v-list-tile> </v-list-tile>
<v-list-tile @click.prevent="signOut" v-if="isUserAuthentificated">
<v-list-tile-action>
<v-icon left v-html="'exit_to_app'"></v-icon>
</v-list-tile-action>
<v-list-tile-content>
Выйти
</v-list-tile-content>
</v-list-tile>
</v-list> </v-list>
</v-navigation-drawer> </v-navigation-drawer>
<v-toolbar app dark class="primary"> <v-toolbar app dark class="primary">
@@ -47,6 +58,9 @@
} }
}); });
}, },
changeLocation(to) {
this.$router.push(to);
}
}, },
computed: { computed: {
isUserAuthentificated() { isUserAuthentificated() {