Merge pull request #57 from ymaheshwari1/fix/router

Fixed: route when navigating from routes to runs page after multiple navigations
hotwax · Feb 1, 2024 · 2ad5ef7 · 2ad5ef7
2 parents d1561f2 + d12a36d
commit 2ad5ef7
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/views/BrokeringRoute.vue b/src/views/BrokeringRoute.vue
@@ -3,7 +3,10 @@
     <ion-header>
       <ion-toolbar>
         <ion-buttons slot="start">
-          <ion-back-button default-href="/tabs/brokering" />
+          <!-- Used ion-button, instead of ion-back-button as back-button navigates on the basis of history and thus stuck in the loop of navigation -->
+          <ion-button fill="clear" @click="router.push('/tabs/brokering')">
+            <ion-icon slot="icon-only" :icon="arrowBackOutline"/>
+          </ion-button>
         </ion-buttons>
         <ion-title>{{ "Brokering run name" }}</ion-title>
       </ion-toolbar>
@@ -113,8 +116,8 @@
 </template>
 
 <script setup lang="ts">
-import { IonBackButton, IonBadge, IonButtons, IonButton, IonCard, IonCardHeader, IonCardTitle, IonChip, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonListHeader, IonPage, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonTextarea, IonTitle, IonToolbar, alertController, modalController, onIonViewWillEnter } from "@ionic/vue";
-import { addCircleOutline, archiveOutline, refreshOutline, reorderTwoOutline, saveOutline, timerOutline } from "ionicons/icons"
+import { IonBadge, IonButtons, IonButton, IonCard, IonCardHeader, IonCardTitle, IonChip, IonContent, IonFab, IonFabButton, IonHeader, IonIcon, IonItem, IonLabel, IonList, IonListHeader, IonPage, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonTextarea, IonTitle, IonToolbar, alertController, modalController, onIonViewWillEnter } from "@ionic/vue";
+import { addCircleOutline, archiveOutline, arrowBackOutline, refreshOutline, reorderTwoOutline, saveOutline, timerOutline } from "ionicons/icons"
 import { onBeforeRouteLeave, useRouter } from "vue-router";
 import { useStore } from "vuex";
 import { computed, defineProps, ref } from "vue";