/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/components/ModalContent.vue
56 строк
1 KB
Brandy Smith
test(vue): improve test app (#30610)
08 авг 2025, 20:37
Не верифицирован
08 авг 2025, 20:37
2229c24
Код
Авторство
О чём код?
<template> <ion-page> <ion-header> <ion-toolbar> <ion-buttons slot="end"> <ion-button @click="dismiss" id="dismiss">Dismiss</ion-button> </ion-buttons> <ion-title>Modal</ion-title> </ion-toolbar> </ion-header> <ion-content class="ion-padding"> <ion-label id="title">{{ title }}</ion-label> <ion-input :aria-label="title"></ion-input> </ion-content> </ion-page> </template> <script lang="ts"> import { IonPage, IonButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar, IonInput, modalController } from '@ionic/vue'; import { defineComponent } from 'vue'; export default defineComponent({ props: { title: { type: String, default: 'Default Title' } }, components: { IonPage, IonButton, IonButtons, IonContent, IonHeader, IonTitle, IonToolbar, IonInput }, setup() { const dismiss = async () => { await modalController.dismiss(); } return { dismiss } } }) </script>