/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-file-upload/usage.vue
48 строк
1 KB
John Leider
feat(VFileUpload): add new component (#19667)
11 дек 2024, 22:59
Не верифицирован
11 дек 2024, 22:59
89c58dd
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <div> <v-file-upload v-bind="props"></v-file-upload> </div> <template v-slot:configuration> <v-text-field v-model="title" label="Title"></v-text-field> <v-checkbox v-model="disabled" label="Disabled"></v-checkbox> <v-checkbox v-model="clear" label="Clearable"></v-checkbox> </template> </ExamplesUsageExample> </template> <script setup> const name = 'v-file-upload' const model = ref('default') const options = ['comfortable', 'compact'] const clear = ref(false) const counter = ref(false) const disabled = ref(false) const title = ref() const props = computed(() => { return { clearable: clear.value || undefined, counter: counter.value || undefined, disabled: disabled.value || undefined, density: model.value, title: title.value || undefined, variant: model.value === 'default' ? undefined : model.value, } }) const slots = computed(() => { return `` }) const code = computed(() => { return `<${name}${propsToString(props.value)}>${slots.value}</${name}>` }) </script>