Skip to content

bug: Vue fail to navigate with IonBackButton and default-href #22258

@scottix

Description

@scottix

Bug Report

When I use the IonBackButton and default-href it Fails to navigate back.

Ionic version:
[ ] 4.x
[x] 5.x

Current behavior:
I open a tab with the tabs navigation. Go to the second tab and hit the backButton and nothing happens.

Expected behavior:
Should take me to the previous page.

Steps to reproduce:

  1. Go to tabs with IonBackButton
  2. Click on another Tab with IonBackButton
  3. Hit the IonBackButton

Related code:

    <ion-header>
      <ion-toolbar>
        <ion-buttons>
          <ion-back-button default-href="/pretab"></ion-back-button>
        </ion-buttons>
        <ion-title>Tab 2</ion-title>
      </ion-toolbar>
    </ion-header>

Updated an example here.
https://github.com/scottix/vue-pretab

Other information:
Might be similar to this
#22166 (comment)

Ionic info:

Ionic:

   Ionic CLI       : 6.11.8-testing.0 (/usr/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 0.5.2

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.2.1) : 0.2.5

System:

   NodeJS : v12.18.4 (/usr/bin/node)
   npm    : 6.14.6
   OS     : Linux 5.4

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions