Javascript 当我导航超过三步时,侧边栏导航消失
晚上好,我对爱奥尼亚vue很陌生,我创建了一个侧边栏,但每当我导航超过三步时,侧边栏就会消失,我不知道我做错了什么 下面是我创建侧边栏的代码,我尝试在我的上添加带有back views=“true”的启用菜单,这似乎没有解决问题,尝试切换自动隐藏,但也失败了Javascript 当我导航超过三步时,侧边栏导航消失,javascript,vue.js,ionic-framework,Javascript,Vue.js,Ionic Framework,晚上好,我对爱奥尼亚vue很陌生,我创建了一个侧边栏,但每当我导航超过三步时,侧边栏就会消失,我不知道我做错了什么 下面是我创建侧边栏的代码,我尝试在我的上添加带有back views=“true”的启用菜单,这似乎没有解决问题,尝试切换自动隐藏,但也失败了 <template> <ion-menu side="start" content-id="menu-content" auto-hide="false"&g
<template>
<ion-menu side="start" content-id="menu-content" auto-hide="false">
<ion-header>
<ion-toolbar>
<ion-title>
<img src="/assets/images/login-logos/Malawi-Coat_of_arms_of_arms.png" alt="Malawi Coat of Arms logo" style="max-width: 12%;"/>
NRB CRVS</ion-title>
</ion-toolbar>
</ion-header>
<ion-content id="menu-content">
<ion-list>
<ion-item>
<ion-icon name="stats-chart-outline"></ion-icon>
<ion-button size="medium" fill="full" router-link="/dashboard">Dashboard</ion-button>
</ion-item>
<ion-item>
<ion-icon name="person-outline"></ion-icon>
<ion-button size="medium" fill="full" router-link="/birth/landing">Birth</ion-button>
</ion-item>
<ion-item>
<ion-icon name="battery-dead-outline"></ion-icon>
<ion-button size="medium" fill="full" router-link="/death/landing">Death</ion-button>
</ion-item>
<ion-item>
<ion-icon name="people-outline"></ion-icon>
<ion-button size="medium" fill="full">Marriage</ion-button>
</ion-item>
<ion-item>
<ion-icon name="construct-outline"></ion-icon>
<ion-button size="medium" fill="full" router-link="/advanced/configurations">Configurations</ion-button>
</ion-item>
<ion-item>
<ion-icon name="add-circle-outline"></ion-icon>
<ion-button size="medium" fill="full" router-link="/advanced/other">Other</ion-button>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
</template>
<script lang="ts">
import {
IonMenu, IonIcon, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, menuController, IonButton
} from '@ionic/vue';
export default {
name: "main-sidebar",
components: { IonMenu, IonIcon, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonButton },
methods: {
openFirst() {
menuController.enable(true, 'first');
menuController.open('first');
},
openEnd() {
menuController.open('end');
},
openCustom() {
menuController.enable(true, 'custom');
menuController.open('custom');
}
}
}
</script>
<style scoped>
</style>