Navigating to certain tab when on /tabs/tab1/details not navigating to the right page

[bartboersma]

Hi Aaronk,

First of all, very nice project. It helped me a lot in combining Vue and Ionic. I have 1 'last' issue currently with my project and I saw it also exists in this repository.

The steps to reproduce:

1. Start up project on localhost:8081 -> http://localhost:8081/tabs/tab1.
2. Click on the 'next page' button to navigate to: http://localhost:8081/tabs/tab1/details
3. Now click the tab1 on the bottom. This navigates us to http://localhost:8081/tabs/tab1/tab1 and shows a blank page. However, we would expect to be on http://localhost:8081/tabs/tab1.

Same goes when repeating step 1 and 2 but at step 3 click tab2. It navigates us to http://localhost:8081/tabs/tab1/tab2 although it should navigate us to http://localhost:8081/tabs/tab2.

Do you have any idea how to resolve this issue?

Thank you in advance and thanks again for this awesome repository.

Kind regards,

Bart

[aaronksaunders]

I will take a look at the issue this evening Get Outlook for iOS<https://aka.ms/o0ukef>

…

________________________________ From: Bart Boersma <notifications@github.com> Sent: Monday, May 18, 2020 11:48:41 AM To: aaronksaunders/ionic4-vue-tabs <ionic4-vue-tabs@noreply.github.com> Cc: Subscribed <subscribed@noreply.github.com> Subject: [aaronksaunders/ionic4-vue-tabs] Navigating to certain tab when on /tabs/tab1/details not navigating to the right page (#7) Hi Aaronk, First of all, very nice project. It helped me a lot in combining Vue and Ionic. I have 1 'last' issue currently with my project and I saw it also exists in this repository. The steps to reproduce: 1. Start up project on localhost:8081 -> http://localhost:8081/tabs/tab1. 2. Click on the 'next page' button to navigate to: http://localhost:8081/tabs/tab1/details 3. Now click the tab1 on the bottom. This navigates us to http://localhost:8081/tabs/tab1/tab1 and shows a blank page. However, we would expect to be on http://localhost:8081/tabs/tab1. Same goes when repeating step 1 and 2 but at step 3 click tab2. It navigates us to http://localhost:8081/tabs/tab1/tab2 although it should navigate us to http://localhost:8081/tabs/tab2. Do you have any idea how to resolve this issue? Thank you in advance and thanks again for this awesome repository. Kind regards, Bart — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub<#7>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AAEAFGID7PE5JZPWKVRBG6LRSFKFTANCNFSM4NEGKW4Q>.

[bartboersma]

Awesome! Let me know if you were able to solve it.

[bartboersma]

Hi @aaronksaunders, I happen to fix it by changing:
<ion-tab-button tab="tab1"> to <ion-tab-button tab="tab1" :to="{ name: 'tab1'}">
and
<ion-tab-button tab="tab1"> to <ion-tab-button tab="tab2" :to="{ name: 'tab2'}">

[aaronksaunders]

this works, but the page animations are still weird, so I don't think i have configured this correctly