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

fix(vue): improve path matching when going back (#22275)

Browse Source 
resolves #22258
This commit is contained in:
Liam DeBeasi
2020-10-13 16:04:55 -04:00
committed by GitHub
parent 52f655c9d4
commit b06ae16591
10 changed files with 748 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vue/src/components/IonPage.ts
View File

@ -6,8 +6,8 @@ export const IonPage = defineComponent({
isInOutlet: { type: Boolean, default: false }
},
setup(props, { attrs, slots }) {
const hidePageClass = (props.isInOutlet) ? 'ion-page-invisible' : '';
return () => {
const hidePageClass = (props.isInOutlet) ? 'ion-page-invisible' : '';
return h(
'div',
{

10
packages/vue/src/components/IonRouterOutlet.ts
View File

@ -7,7 +7,8 @@ import {
provide,
watch,
shallowRef,
InjectionKey
InjectionKey,
onUnmounted
} from 'vue';
import { AnimationBuilder } from '@ionic/core';
import { useRoute } from 'vue-router';
@ -307,6 +308,13 @@ export const IonRouterOutlet = defineComponent({
setupViewItem(matchedRouteRef);
}
/**
* Remove stack data for this outlet
* when outlet is destroyed otherwise
* we will see cached view data.
*/
onUnmounted(() => viewStacks.clear(id));
return {
id,
components,