/
githubmirror
/
ionic-framework
Обзор
Документация
Войти
/
githubmirror
/
ionic-framework
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
packages/vue/test/base/src/views/Range.vue
60 строк
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="start"> <ion-back-button default-href="/"></ion-back-button> </ion-buttons> <ion-title>Range</ion-title> </ion-toolbar> </ion-header> <ion-content> <form> <ion-list> <ion-item> <ion-range :min="0" :max="20" :value="5" v-model="range"> <div slot="label">Range</div> </ion-range> </ion-item> <p>Value: {{ range }}</p> </ion-list> </form> </ion-content> </ion-page> </template> <script lang="ts"> import { IonPage, IonBackButton, IonButtons, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonRange } from "@ionic/vue"; import { defineComponent } from "vue"; export default defineComponent({ components: { IonPage, IonBackButton, IonButtons, IonHeader, IonToolbar, IonTitle, IonContent, IonList, IonItem, IonRange }, data() { return { range: 5 } } }); </script>