Simple select

  1. <vuestic-simple-select
  2. label="Simple select"
  3. v-model="simpleSelectModel"
  4. option-key="description"
  5. v-bind:options="simpleOptions"
  6. clearable="false">
  7. </vuestic-simple-select>

Mutliselect

  1. <vuestic-multi-select
  2. label="Mutliselect"
  3. v-model="multiSelectModel"
  4. option-key="description"
  5. v-bind:options="simpleOptions">
  6. </vuestic-multi-select>

Props

  • label - String - label of your select
  • v-model - Array (String[] | Object[]) - model of your select.
  • option-key - String - if model is an array of objects, use option-key to specify Object field to be used as an option.
  • options - Array (String[]) - if model is an array of objects, use option-key to specify Object field to be used as an option.
  • clearable - Boolean (default - true) - provides cross to unselect value.
    Find DEMOs here!