Ionic 4 Vue Tab Navigation History

Ionic Framework
1

Problem

I am having an issue with the way tab navigation and the back button is working in Ionic Vue. When I am switch tabs it is pushing the history in the router. Then when I want to go back, it take me to the previous tab I was on.

I basically don’t want this behavior and just want it to go back to the main installations page predictably.

Here is the nav I have

<template>
  <ion-page>
    <ion-tabs>
      <ion-tab tab="home">
        <SystemHome />
      </ion-tab>
      <ion-tab tab="array">
        <SystemArray />
      </ion-tab>
      <ion-tab-bar slot="bottom">
        <ion-tab-button tab="home">
          <ion-icon name="home"></ion-icon>
        </ion-tab-button>
        <ion-tab-button tab="array">
          <ion-icon name="apps"></ion-icon>
        </ion-tab-button>
      </ion-tab-bar>
    </ion-tabs>
  </ion-page>
</template>

Here is the SystemHome component

<template>
  <ion-page>
    <ion-header>
      <ion-toolbar>
        <ion-buttons slot="start">
          <ion-back-button default-href="/installations"></ion-back-button>
        </ion-buttons>
        <ion-title>Home</ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <p>Some stuff here</p>
    </ion-content>
  </ion-page>
</template>

Is there anyway to prevent the tabs from pushing into the router history.

Thanks

2

Ok I found a workaround by looking at the code. If I use a href then it won’t use the history and just go directly to the page.

<template>
  <ion-page>
    <ion-tabs>
      <ion-tab tab="home">
        <SystemHome />
      </ion-tab>
      <ion-tab tab="array">
        <SystemArray />
      </ion-tab>
      <ion-tab-bar slot="bottom">
        <ion-tab-button tab="home" href="/systemview/home">
          <ion-icon name="home"></ion-icon>
        </ion-tab-button>
        <ion-tab-button tab="array" href="/systemview/array">
          <ion-icon name="apps"></ion-icon>
        </ion-tab-button>
      </ion-tab-bar>
    </ion-tabs>
  </ion-page>
</template>

Edit
Ok solved one problem of the history going back and forth but now it will go back to Home then go to Installations