/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/views/nested/RouterOutlet.vue
46 строк
1 KB
Brandy Smith
test(vue): improve test app (#30610)
08 авг 2025, 20:37
Не верифицирован
08 авг 2025, 20:37
2229c24
Код
Авторство
О чём код?
<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>