Array

Array field represent each value of the multiple array type value as a material chip group.

<template>
  <va-array-field 
   source="userRoles" 
   :item="item" 
   ></va-array-field>
</template>

Nested object

Use the default slot for internal chip templating:

<template>
  <va-array-field source="formats" v-slot="{ value }">
    {{ value.date }} : {{ value.url }}
  </va-array-field>
</template>

For a more complex case, use a simple v-for custom template.

Mixins

  • Chip
  • Field
  • Source
  • Resource

Slots

Name Description
default For further customization, the content placeholder defaults to the text of the selected selection.
Property Type Description
source string The property of the resource to fetch the value to display. Supports dot display for slot used object.
item null Overrides the default element added by VaShow.
itemText string|array|func The inside attribute is used if it is an object. Use a function for further customization.
select string Use enum select field instead of simple text as value formatter.
column string Show list of chips as column.