ionic4-vue-tabs

ionic4-vue-tabs copied to clipboard

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

I will take a look at the issue this evening

Get Outlook for iOShttps://aka.ms/o0ukef

---

From: Bart Boersma [email protected] Sent: Monday, May 18, 2020 11:48:41 AM To: aaronksaunders/ionic4-vue-tabs [email protected] Cc: Subscribed [email protected] 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 GitHubhttps://github.com/aaronksaunders/ionic4-vue-tabs/issues/7, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AAEAFGID7PE5JZPWKVRBG6LRSFKFTANCNFSM4NEGKW4Q.

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

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'}">

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