Skip to content

Рендерер формы

ts
import { FormRenderer } from '@macrulez/vue-form-schema/ui'

Пропсы

form

UseFormReturn

Возвращаемое значение useForm.

components

Partial<Record<FieldType, Component>> · по умолчанию: встроенные

Переопределить рендереры по типу.

submitLabel

string · по умолчанию: 'Submit'

Текст кнопки отправки.

Слоты

#field-{name}

Область видимости: { field, value, error, touched, setValue, touch }

Заменить поле целиком.

#label-{name}

Область видимости: { field }

Заменить метку.

#error-{name}

Область видимости: { field, error }

Заменить отображение ошибки.

#submit

Область видимости: { isSubmitting, isValid }

Заменить кнопку отправки.

Встроенные компоненты полей

Все экспортированы по отдельности из vue-form-schema/ui:

КомпонентТипы полей
TextFieldtext, email
NumberFieldnumber
TextareaFieldtextarea
SelectFieldselect
CheckboxFieldcheckbox
RadioFieldradio
DateFielddate
ArrayFieldarray
FileFieldfile