javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 23:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(vue): improve test app (#30610)

Browse Source 
Co-authored-by: Brandy Smith <6577830+brandyscarney@users.noreply.github.com>
This commit is contained in:
Brandy Smith
2025-08-08 13:37:39 -04:00
committed by GitHub
parent a6b19f40b2
commit 2229c24bf5
45 changed files with 193 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
packages/vue/test/base/src/views/nested/RouterOutlet.vue Normal file
View File

@ -0,0 +1,46 @@
<template>
<ion-page data-pageid="routeroutlet">
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button id="routeroutlet-back-button" text="Back to main outlet" default-href="/"></ion-back-button>
<ion-button id="inbox" router-link="/nested/inbox" router-direction="root">Inbox</ion-button>
<ion-button id="trash" router-link="/nested/trash" router-direction="root">Trash</ion-button>
<ion-button id="outbox" router-link="/nested/outbox" router-direction="root">Outbox</ion-button>
<ion-button id="spam" router-link="/nested/spam" router-direction="root">Spam</ion-button>
<ion-button id="other" router-link="/nested/two" router-direction="root">Other</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-router-outlet></ion-router-outlet>
</ion-content>
</ion-page>
</template>
<script lang="ts">
import {
IonBackButton,
IonHeader,
IonButtons,
IonButton,
IonToolbar,
IonContent,
IonPage,
IonRouterOutlet,
} from '@ionic/vue';
import { defineComponent } from 'vue';
export default defineComponent({
components: {
IonBackButton,
IonHeader,
IonButtons,
IonButton,
IonToolbar,
IonContent,
IonPage,
IonRouterOutlet
}
});
</script>