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>
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.
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. |