/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-file-input/misc-complex-selection.vue
50 строк
1 KB
J-Sek
feat: migrate to MD3 typography (#22557)
28 янв 2026, 21:50
Не верифицирован
28 янв 2026, 21:50
311daf4
Код
Авторство
О чём код?
<template> <div class="py-3"> <v-file-input v-model="files" :show-size="1000" color="deep-purple-accent-4" label="File input" placeholder="Select your files" prepend-icon="mdi-paperclip" variant="outlined" counter multiple > <template v-slot:selection="{ fileNames }"> <template v-for="(fileName, index) in fileNames" :key="fileName"> <v-chip v-if="index < 2" class="me-2" color="primary" size="small" label > {{ fileName }} </v-chip> <span v-else-if="index === 2" class="text-label-medium text-medium-emphasis mx-2" > +{{ files.length - 2 }} File(s) </span> </template> </template> </v-file-input> </div> </template> <script setup> import { ref } from 'vue' const files = ref([]) </script> <script> export default { data: () => ({ files: [], }), } </script>