Компонент Filepond — это обёртка над библиотекой FilePond для загрузки файлов с поддержкой предпросмотра изображений, drag & drop и множественной загрузки.
- Основное назначение: загрузка файлов с расширенными возможностями (предпросмотр, очерёдность, drag & drop).
- Ключевые возможности:
- Загрузка одного или нескольких файлов.
- Предпросмотр изображений.
- Drag & drop.
- Настройка отображения: с рамкой (
bordered), с заливкой (filled), сеткой (grid). - Доступ к API FilePond через публичные методы.
- Поддержка
v-model. - Проброс всех атрибутов в FilePond.
| Проп | Тип | По умолчанию | Описание |
|---|
modelValue | Array | [] | Массив файлов (v-model). |
bordered | Boolean | true | Отображает рамку вокруг области загрузки. |
filled | Boolean | false | Добавляет фоновую заливку области загрузки. |
grid | Number | 1 | Количество колонок в сетке предпросмотра файлов. Устанавливает CSS-переменную --fp-grid. |
customStyle | Object | {} | Дополнительные CSS-стили для корневого элемента. |
className | String | | Дополнительные CSS-классы для корневого элемента. |
classNames | Object | {} | Объект для кастомизации внутренних классов. Ключи: root, filepond. |
| Событие | Параметр | Описание |
|---|
update:modelValue | Array | Вызывается при изменении списка файлов. |
