bug: vue, inner tab lifecycle not firing on subsequent visits

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

Last week I upgraded my vue app from ionic v5 to ionic v6, and I noticed a strange behavior.

1 - The main page contains a list of forms. 2- If I go to another page to create a new form, when I go back to home page, the lifecycle hook onIonViewWillEnter or onIonViewDidEnter is not triggered. Consequently, the created form is not listed. 3- I have to go to another page and return to home page again to get this form listed.

I had a look on this issue #23824, which seems to be already solved. After that I created a small example to analyze a little deeper this behavior, and I noticed that in my case, the lifecycle hooks is not being triggered when the “tabs” component is being used.

On Ionic v5 everything worked fine.

Expected Behavior

1 - The main page contains a list of forms. 2- If I go to another page to create a new form, when I go back to home page, it is expected the created form to be listed.

Steps to Reproduce

1. Click the CREATE FORM button

2. Choose any option, and click it. (Option 1, for example)

3. Type a form name. (test 1, for example)

4. Click the Create button

5. After this, you’ll be redirected to the home page, where it should contain a list of the created forms.

1. The first created form is listed correctly, but the following ones, are not listed. It’s necessary to change the tab (Tab 1 -> Tab 2 -> Tab 1) to get the correct list of forms.

Code Reproduction URL

Ionic v6 - bug

Working example:

Ionic v5 - working

Ionic Info

Ionic:

Ionic CLI : 6.20.1 (/usr/local/lib/node_modules/@ionic/cli) Ionic Framework : @ionic/vue 6.2.3

Capacitor:

Capacitor CLI : 3.7.0 @capacitor/android : 3.7.0 @capacitor/core : 3.7.0 @capacitor/ios : 3.7.0

Utility:

cordova-res : 0.15.4 native-run : 1.6.0

System:

NodeJS : v16.16.0 (/usr/local/bin/node) npm : 6.14.17 OS : Linux 5.15

Additional Information

Related issue (#23824)

[liamdebeasi]

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/25786, and a fix will be available in an upcoming release of Ionic Framework.

[kaleming]

Well done @liamdebeasi, it is working on both example-v6 and on my real app.

Thanks a lot for this quick fix!