Select

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>

Localized Enums

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

Mixins

  • Field
  • Source
  • Resource
  • Choices
  • Chip

Properties

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.

Slots

Name Description
default For further customization, the content placeholder defaults to the text of the selected selection.