javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): correctly remove active state from tab button when navigating away from tab (#23000)

Browse Source 
resolves #22597
This commit is contained in:
Liam DeBeasi
2021-03-03 09:26:46 -05:00
committed by GitHub
parent 943e3f6ae3
commit a2763afe8e
4 changed files with 59 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vue/test-app/src/router/index.ts
View File

@ -107,6 +107,10 @@ const routes: Array<RouteRecordRaw> = [
next({ path: '/tabs/tab1' });
},
component: () => import('@/views/Tab3.vue')
},
{
path: 'tab4',
component: () => import('@/views/Tab4.vue')
}
]
},

27
packages/vue/test-app/src/views/Tab4.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<ion-page data-pageid="tab4">
<ion-header>
<ion-toolbar>
<ion-title>Tab 4</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Tab 4</ion-title>
</ion-toolbar>
</ion-header>
<ExploreContainer name="Tab 4 page" />
</ion-content>
</ion-page>
</template>
<script>
import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent } from '@ionic/vue';
import ExploreContainer from '@/components/ExploreContainer.vue';
export default {
components: { ExploreContainer, IonHeader, IonToolbar, IonTitle, IonContent, IonPage }
}
</script>