I tried to do something like this: this.$router.push({ path: '/tabs/home', routerDirection: 'back' }); That doesn’t work unfortunately but I need to be able to call the route in code and adjust the direction of the animation. Possible? Oh and while I’m asking, how can I push props as well?

You really shouldn’t be pushing tabs/home abs you should really have the bulk of the data in a state manager :eyes:

Good point. I thought Vuex wasn’t ready for Ionic/Vue 3 so I’ve been working without one for now.

You can manage state with composition API, see post below [image] Watch Me Code: Vue3 Firebase Composable Introduction with Ionic Framework Ionic Vue The whole project is a simple list/detail application in VueJS and Ionic Framework . We display the list, you can pull to r…

I’ll check it out. Now lets say I am running this command: https://github.com/aaronksaunders/ionic-vue3-sample-3/blob/903e051504792966db775b35a95c03f26c9f6ee3/src/views/AllUploads.vue#L7 doLogout() how do I get that to animate so it looks more realistic to being logged out? Can you adjust this stuff…

i am not the UI animation guy… but check this out maybe? https://cssreference.io/animations/

I’m pretty good at front end CSS animation work but this seems like a missing feature that you can define routerDirection in a <ion-button> for example, but you can’t in code. I wish my problems could be solved with just a button and setting the router direction, but unfortunately the majority of th…

I can’t think of an easy way to do this off the top of my head. Having a feature like this that lets you do programatic navigation and control the animation + direction could be useful. Would you be able to create a feature request and describe the use case/problem you are trying to solve? What I …

As a temporary workaround you could do something like the following: import { inject } from 'vue'; ... const ionRouter = inject('navManager'); ionRouter.navigate({ routerDirection: 'back', routerLink: '/tabs/home' }); Once the feature in my previous post gets added, definitely move off this…

Using $router.push with an animation direction

Ionic Framework Ionic Vue

aaronksaunders December 21, 2020, 4:35pm 4

You can manage state with composition API, see post below

Topic		Replies	Views
No navigation animation when I use router.push? Ionic Vue	4	2652	May 6, 2021
Using `forward` and `back` animations with IonRouter.navigate Ionic Framework	7	6385	December 18, 2023
Stop modal close animation Ionic Vue	13	3037	December 26, 2020
Ionic 5 react page animation direction Ionic React	0	489	July 31, 2020
React navigation: Problems with controlling direction and animation Ionic React	0	521	September 13, 2021

Using $router.push with an animation direction

Related topics