Javascript 当我导航超过三步时,侧边栏导航消失

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

晚上好,我对爱奥尼亚vue很陌生,我创建了一个侧边栏,但每当我导航超过三步时,侧边栏就会消失,我不知道我做错了什么

下面是我创建侧边栏的代码,我尝试在我的上添加带有back views=“true”的启用菜单,这似乎没有解决问题,尝试切换自动隐藏,但也失败了

<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>