BlogPlaygroundOne

VForm API

ads via vuetify

Props
name
type
default
disabled
boolean

false

Puts all children inputs into a disabled state.

fast-fail
boolean

false

Stop validation as soon as any rules fail.

model-value
boolean

null

The value representing the validity of the form. If the value is null then no validation has taken place yet, or the form has been reset. Otherwise the value will be a boolean that indicates if validation has passed or not.

readonly
boolean

false

Puts all children inputs into a readonly state.

validate-on
  | 'eager'
  | 'lazy'
  | 'blur'
  | 'input'
  | 'submit'
  | 'invalid-input'
  | 'blur lazy'
  | 'input lazy'
  | 'submit lazy'
  | 'invalid-input lazy'
  | 'blur eager'
  | 'input eager'
  | 'submit eager'
  | 'invalid-input eager'
  | 'lazy blur'
  | 'lazy input'
  | 'lazy submit'
  | 'lazy invalid-input'
  | 'eager blur'
  | 'eager input'
  | 'eager submit'
  | 'eager invalid-input'

'input'

Changes the events in which validation occurs.

Events
name
type
submit
[SubmitEventPromise]

Emitted when form is submitted.

update:modelValue
[boolean]

Event emitted when the form’s validity changes.

Slots
{ errors: FieldValidationResult[] isDisabled: boolean isReadonly: boolean isValidating: boolean isValid: boolean items: FormField[] validate: () => Promise<FormValidationResult> reset: () => void resetValidation: () => void }
default

The default Vue slot.

Exposed
{ id: string | number; errorMessages: string[] }[]
boolean
boolean
boolean
boolean
{ id: string | number validate: () => Promise<string[]> reset: () => Promise<void> resetValidation: () => Promise<void> vm: Raw<ComponentInternalInstance> isValid: boolean | null errorMessages: string[] }[]
() => void
() => void
() => Promise<{ valid: boolean errors: { id: string | number; errorMessages: string[] }[] }>
errors

Contains all current form input errors.

isDisabled

Indicates if form is disabled or not.

isReadonly

Indicates if form is readonly or not.

isValid

Indicates if form is valid or not.

isValidating

Indicates if form is currently being validated or not.

items

Array of all registered inputs.

reset

Resets validation of all registered inputs, and clears their values.

resetValidation

Resets validation of all registered inputs without modifying their values.

validate

Validates all registered inputs.