bug: ionic vue tab change events not firing

[Calvin1121]

Bug Report

Ionic version:

[ ] 4.x
[x] 5.x

Current behavior:

Expected behavior:

Steps to reproduce:

Related code:

insert short code snippets here

I wanna get the selected tab when the tabs changed, so i used the event 'ionTabsDidChange' to listen the value of tab, but it doesn't work. And I hope get the value by 'getSelected' like the method what i coded on Angular.

So anyone can help me to solve it. I'm just new in Ionic-vue. And the documentation of vue doesn't make it clear.

Other information:

Ionic info:

insert the output from ionic info here

[liamdebeasi]

Thanks for the issue. You are doing things correctly in Ionic Vue, there is just a bug where the event is not firing. I will work on a fix for this.

[Calvin1121]

Hello @liamdebeasi, There is still a questin that how can I use the method 'getSelected' in vue. Should I use the property 'ref' to get it? Thx a lot.

[liamdebeasi]

I don't think IonTabs has that method exposed. I can address in a separate PR. Once that is in, yes you would use a ref on IonTabs to access it.

Here is a dev build if you want to test the fix for the change events:

npm install @ionic/vue@5.5.0-dev.202011111859.6ee38a2 @ionic/vue-router@5.5.0-dev.202011111859.6ee38a2

[Calvin1121]

Thx a lot. The event is firing now. And I'm sure there is method exposed, and I just kenew it can be accessed by 'ViewChild' in Angular. BUt I have no idea about it in Vue.

[liamdebeasi]

Thanks for the issue. This has been resolved via #22479, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.