Ionic VueJS: How to Navigate in Ionic Modals with IonNav in Vue JS

Ionic VueJS: How to Navigate in Ionic Modals with IonNav in Vue JS
#ionic #vuejs #ionicframework

The IonNav (ion-nav) - is a standalone component for loading arbitrary components and pushing new components onto the stack.

The idea here is to show how to create a custom navigation stack in your Ionic VueJS Application that is specifically for a modal dialog. The modal dialog will still be working with pages, pushing and popping onto the navigation stack and the changes will not impact the overall application navigation.

💥 Links
-----------------------------------

💥 Additional Content
-----------------------------------

💥 Social Media
-------------------------

-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-

[MikeAIright]

I copied and pasted the code but if I click close then the show modal with nav button doesn't work anymore and it won't navigate anywhere. How do I fix this?

[ziokioz]

hello could you make a profile page video if not that's alright but could you help me with it it doesn't have to be extreme just basic?

[gustavoburbano]

How can you do it with typeScript, I always have issues when adding the .push() as modalNav can be null