Ionic 5/6 with Vue: Pages do not change sometimes (URL does)

Hi there,
I’m currently working on my first ionic project as for my bachelor thesis and have quite some issues with changing the pages.

Here is what I do in my app:

1. Open the app, I got a field to enter a code to join a session
2. I enter the code and get my desired content
3. I’m navigating through the app, click some elements, switch views etc.
4. I leave the session
5. Now, sometimes (not always), when I re-enter the code, I can see that the URL changes and I also debugged the vue-router:

• I go through beforeEnter
• I go through beforeResolve
• I reach onIonViewWillEnter and
• I even reach onIonViewDidEnter

This must mean that the component is loaded, but not visible, right? What am I doing wrong, when it works on a fresh app, but not after some while?
I am using IonRouter for all navigations, with router.push in my own methods and I use the TabMenu with having three different Tab components - maybe it’s the tab that does not switch?

Also, I had the Issue with Ionic 5, but switched to 6 yesterday and nothing changed.

Let me know if there is any other information that could help!

2 posts - 2 participants

Read full topic