added the menu controller

This commit is contained in:
Torben Indorf
2020-02-17 07:11:21 +01:00
parent 6fe11728eb
commit 39bbf9a3d7
9 changed files with 169 additions and 133 deletions
+27 -2
View File
@@ -1,18 +1,43 @@
<template>
<div>
<ion-vue-router/>
<ion-header>
<ion-toolbar color="primary">
<div class="d-flex">
<div class="header-item text-left">
<ion-button @click="openLeftMenu">Menü</ion-button>
</div>
<div class="header-item d-flex align-center justify-center">{{ headerTitle }}</div>
<div class="header-item"></div>
</div>
</ion-toolbar>
</ion-header>
<router-view/>
</div>
</template>
<script lang="ts">
import {Component, Vue} from "vue-property-decorator";
import { Component, Vue } from 'vue-property-decorator';
import { namespace } from 'vuex-class';
const GlobalStore = namespace('global');
@Component
export default class HomeView extends Vue {
@GlobalStore.Getter('headerTitle')
public headerTitle!: string;
public openLeftMenu() {
document.querySelector('ion-menu-controller')!.open('start');
}
}
</script>
<style scoped>
.header-item {
flex-basis: 100%;
}
</style>