/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-scroll/option-self.vue
54 строки
1 KB
J-Sek
feat: migrate to MD3 typography (#22557)
28 янв 2026, 21:50
Не верифицирован
28 янв 2026, 21:50
311daf4
Код
Авторство
О чём код?
<template> <v-card class="overflow-y-auto" max-height="400" v-scroll.self="onScroll" > <v-banner class="justify-center text-headline-small font-weight-light" sticky > Scroll Me - Method invoked <span class="font-weight-bold" v-text="scrollInvoked" ></span> times </v-banner> <v-card-text> <div v-for="n in 12" :key="n" class="mb-4" > Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi commodi earum tenetur. Asperiores dolorem placeat ab nobis iusto culpa, autem molestias molestiae quidem pariatur. Debitis beatae expedita nam facere perspiciatis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus ducimus cupiditate rerum officiis consequuntur laborum doloremque quaerat ipsa voluptates, nobis nam quis nulla ullam at corporis, similique ratione quasi illo! </div> </v-card-text> </v-card> </template> <script setup> import { ref } from 'vue' const scrollInvoked = ref(0) function onScroll () { scrollInvoked.value++ } </script> <script> export default { data: () => ({ scrollInvoked: 0, }), methods: { onScroll () { this.scrollInvoked++ }, }, } </script>