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