Ion-button href animation not working

Ionic Framework Ionic Vue
1

I noticed that if using this line <ion-button href="/<url>">Navigate</ion-button> will not trigger animation but when using:

import { useRouter } from 'vue-router'

...
setup() {
   ...
   const navToUrl = () => {
     router.push({ name: 'nav-url' })
   }
   return {
      navToUrl
   }
}

Will trigger the animation,
What would be the probelm about this? or this is an existing issue?

Also I noticed that the :class cant be set dynamically on ion-tab-button

image
image785×87 11.1 KB

The icon got disappeared
image

2

Got to use selected on ion-button to make it active :slight_smile: