/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/views/RoutingParameter.vue
59 строк
1 KB
Brandy Smith
test(vue): improve test app (#30610)
08 авг 2025, 20:37
Не верифицирован
08 авг 2025, 20:37
2229c24
Код
Авторство
О чём код?
<template> <ion-page :data-pageid="'routingparameter-' + $props.id"> <ion-header :translucent="true"> <ion-toolbar> <ion-buttons slot="start"> <ion-back-button default-href="/routing"></ion-back-button> </ion-buttons> <ion-title>Routing Parameter</ion-title> </ion-toolbar> </ion-header> <ion-content :fullscreen="true"> <ion-header collapse="condense"> <ion-toolbar> <ion-title size="large">Routing Parameter</ion-title> </ion-toolbar> </ion-header> <ion-button id="parameter-view" :router-link="'/routing/' + $route.params.id + '/view'">Go to Single View</ion-button> <ion-button router-link="/routing/abc">Go to Parameter Page ABC</ion-button> <ion-button router-link="/routing/xyz">Go to Parameter Page XYZ</ion-button> <div class="ion-padding" id="parameter-value"> {{ $props.id }} </div> </ion-content> </ion-page> </template> <script lang="ts"> import { IonButton, IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/vue'; import { defineComponent } from 'vue'; export default defineComponent({ props: { id: { type: String, default: 'my default' } }, components: { IonButton, IonBackButton, IonButtons, IonContent, IonHeader, IonPage, IonTitle, IonToolbar } }); </script>