⚪
Vuetify-Form-Base
  • Introduction
  • News & Changes
  • Quickstart
    • Start with
    • Installation
    • Intro
    • Features
    • License
  • Form
    • Validation
  • Component
    • Async Loading
    • Attributes
    • From Schema to Component
    • Events
    • Grid
    • Slots
    • CSS
    • Custom Components
    • Tooltips
  • Schema
    • General
    • Autogeneration
    • Computed Schema
    • Display & Typography
    • Grouping Controls
    • Arrays
  • Input & Controls
    • Text-Field & Input
    • Checkbox, Switch & Sliders
    • Radio Buttons
    • Buttons
    • Select, Combo & Autocomplete
    • Lists & Treeviews
    • Date, Time & Color
    • Icons & Images
Powered by GitBook
On this page
  • Model Arrays
  • Array
  • List
  • Treeview
  • Schema Arrays
  • Select
  • Combobox
  • Autocomplete

Was this helpful?

  1. Schema

Arrays

The 'Array' type allows us to work with dynamic arrays in your model data or. On the other hand you can select items from predefined arrays in schema

Model Arrays

Handling Arrays in Model

Array

model: {
  edit:'to do'
  tasks:[
    { done:false, task:'read the man' }
    { done:true, task:'fixed' }
  ]        
},

schema: {
  edit: { type:'text', col: 12 },
  tasks: {
    type: 'array',
    col: 12,
    schema: {
      done: { type: 'checkbox', label: 'Done', col: 2 },
      task: { type: 'text', label:'Task', col: 8 }
    }
  }
}

Schema Arrays

For handling Arrays defined in Schema use

PreviousGrouping ControlsNextText-Field & Input

Last updated 4 years ago

Was this helpful?

Example - Simple
Example - Edit Array
Lists & Treeviews
Select, Combo & Autocomplete
Select
Combobox
Autocomplete
List
Treeview