Select field value represents text selected from predefined key-value options. If no options are available, by default Vue i18n retrieves localized enumerations from your resource locale that contain source as the value.
Template
<template>
<va-select-field
source="userRoles"
chip
multiple
:item="item"
>
</va-select-field>
</template>
Script
<script>
export default {
props: ["id", "item"],
}
</script>
You can centralize all reuse options directly in your locale as explained here. If no options are set, VaSelectField will look for the following valid translated key format: resources.{resource}.enums.{source}.{value}.
| 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. |
| chip | string |
Shows text inside a chip material. |
| Name | Description |
|---|---|
| default | For further customization, the content placeholder defaults to the text of the selected selection. |