FieldArray

Headless field array component that provides reactive properties and state for managing array fields. The field array component takes a form store, path to array field, and a scoped slot that receives a field array store to manage array items and handle array operations.

<FieldArray of="{…}" path="{…}" v-slot="fieldArray">
  <!-- Use field array store here -->
</FieldArray>

Generics

• TSchema extends Schema
• TFieldArrayPath extends RequiredPath

Properties

• of FormStore<TSchema>
• path ValidArrayPath<v.InferInput<TSchema>, TFieldArrayPath>

Slots

• default - Scoped slot that receives a FieldArrayStore with reactive array field state and methods

Explanation

The FieldArray component is a headless component that doesn't render any UI itself. Instead, it provides a scoped slot that receives a FieldArrayStore containing all the reactive state and methods needed to manage an array of form fields.

The component automatically handles array field registration, validation, and state management through the of prop that references the form store.

Related

Composables

• useForm,
• useFieldArray

Components

• Field,
• Form

Methods

• insert,
• move,
• remove,
• replace,
• swap